:root{--ink:#171717;--muted:#615d66;--paper:#fff6e5;--panel:#fffdf8;--line:#242126;--accent:#f6bd2f;--hot:#e24a3b;--cool:#06a6b8;--leaf:#2eb85c}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--paper)}body{background:linear-gradient(135deg, #f6bd2f38, transparent 36%), linear-gradient(315deg, #06a6b824, transparent 38%), var(--paper);color:var(--ink);margin:0;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}button,input{font:inherit}button{border:2px solid var(--line);min-height:42px;color:var(--ink);box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:8px;font-weight:900}button:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:var(--accent)}button.ghost{background:#f7f1e4}input{border:2px solid var(--line);background:#fff;border-radius:8px;min-width:0;min-height:42px;padding:0 10px;font-size:16px;font-weight:800}h1,h2,p{margin:0}.app-shell{grid-template-rows:1fr auto;grid-template-columns:minmax(360px,.75fr) minmax(420px,1fr);gap:14px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:14px;display:grid}.summon-panel,.battle-panel,.dex-panel{border:3px solid var(--line);background:#fffdf8f5;border-radius:8px;box-shadow:6px 6px #18181b29}.summon-panel{flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.summon-panel.special{background:linear-gradient(145deg,#f6bd2f52,#0000 36%),#fffdf8}.battle-panel{grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:12px;min-height:0;padding:14px;display:grid}.dex-panel{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.topbar,.battle-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:.72rem;font-weight:900}h1{font-size:clamp(1.8rem,5vw,3.8rem);line-height:.95}h2{font-size:clamp(1.35rem,4vw,2.2rem);line-height:1}.badge{border:2px solid var(--line);background:#fff;border-radius:999px;flex:none;padding:8px 10px;font-weight:1000}.hero-grid{grid-template-columns:1fr;gap:12px;min-height:0;display:grid}.scanner{border:3px solid var(--line);color:#fff;background:repeating-linear-gradient(90deg,#ffffff1a 0 2px,#0000 2px 13px),#1f2937;border-radius:8px;min-height:250px;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;min-height:250px}.scanner p{background:#0000009e;border:2px solid #ffffff80;border-radius:8px;padding:8px;font-size:.86rem;font-weight:900;position:absolute;bottom:8px;left:8px;right:8px}.scan-frame{border:3px solid var(--accent);border-radius:8px;position:absolute;inset:18%}.scan-frame span{background:#fff;height:2px;position:absolute;left:12%;right:12%}.scan-frame span:first-child{top:38%}.scan-frame span:last-child{bottom:38%}.summoned-card{border:3px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:minmax(220px,1fr) auto;gap:10px;min-height:280px;padding:10px;display:grid}.monster-stage{background:radial-gradient(circle, color-mix(in srgb, var(--monster-color) 34%, white), transparent 62%), linear-gradient(#fff, #eef5f6);border-radius:8px;place-items:center;min-height:210px;display:grid;overflow:hidden}.monster-stage img,.fighters img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px #18181b24);max-width:100%}.monster-stage img{width:min(260px,88%);max-height:260px;transform:translateY(5%)scale(1.08)}.summon-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.manual-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.status-line{min-height:20px;color:var(--muted);font-size:.9rem;font-weight:900}.fighter-placeholder{text-align:center;background:linear-gradient(135deg,#f6bd2f2e,#0000 45%),#fff;border-style:dashed;place-items:center;height:100%;display:grid}.fighters .fighter-placeholder{grid-template-rows:1fr}.fighter-placeholder p{max-width:12em;font-size:clamp(1rem,3vw,1.5rem);font-weight:1000;line-height:1.25}.fighters{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:0;display:grid}.fighters article{border:3px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:minmax(120px,1fr) auto auto auto;gap:7px;min-width:0;height:100%;padding:9px;display:grid;overflow:hidden}.fighters img{width:100%;height:100%;min-height:110px;max-height:240px;transform:translateY(7%)scale(1.12)}.fighter-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.fighter-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;overflow:hidden}.fighter-meta span,.fighters small,.move-grid small,.history-list small{color:var(--muted);font-size:.76rem;font-weight:800}.hp{border:2px solid var(--line);background:#fde2e2;border-radius:999px;height:13px;overflow:hidden}.hp span{background:linear-gradient(90deg, var(--leaf), #a5e85d);height:100%;transition:width .22s;display:block}.cpu-hp span{background:linear-gradient(90deg, var(--hot), #fb923c)}.versus{border:3px solid var(--line);background:var(--accent);border-radius:999px;align-self:center;padding:8px;font-weight:1000}.result,.latest-log{border:3px solid var(--line);text-align:center;border-radius:8px;padding:9px 10px;font-weight:1000}.result{color:#fff;background:#111827;font-size:1.35rem}.latest-log{min-height:42px;color:var(--ink);background:#fff;font-size:.92rem}.latest-log.player{border-color:var(--cool)}.latest-log.cpu{border-color:var(--hot)}.latest-log.system{border-color:var(--accent)}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.move-grid button{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:86px;padding:9px;display:flex}.move-grid strong{font-size:.96rem;line-height:1.05}.move-grid span{font-size:.8rem;font-weight:900}.post-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.post-actions button{min-height:38px;font-size:.88rem}.log-list{gap:6px;max-height:126px;padding-right:2px;display:grid;overflow:auto}.log-list p{border-left:5px solid var(--line);background:#ffffffc2;border-radius:4px;padding:7px 9px;font-size:.86rem;font-weight:800}.log-list .player{border-color:var(--cool)}.log-list .cpu{border-color:var(--hot)}.log-list .system{border-color:var(--accent)}.history-list{grid-auto-columns:minmax(130px,1fr);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.history-list button{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:52px;padding:7px;display:flex}@media (width<=820px){html,body,#root{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;padding:max(7px, env(safe-area-inset-top)) 7px max(7px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:7px;overflow:hidden}.summon-panel,.battle-panel,.dex-panel{box-shadow:3px 3px #18181b29}.summon-panel{gap:6px;padding:8px}.topbar{align-items:center}.eyebrow{display:none}h1{font-size:1.22rem;line-height:1}.badge{padding:5px 8px;font-size:.78rem}.hero-grid{display:none}.app-shell[data-scan-status=requesting] .hero-grid,.app-shell[data-scan-status=scanning] .hero-grid{display:block}.summoned-card{display:none}.scanner,.scanner video{min-height:clamp(132px,24dvh,190px)}.scanner{border-width:2px}.scanner p{padding:6px;font-size:.78rem}.summon-controls{grid-template-columns:72px minmax(0,1fr) 54px;gap:6px}.manual-form{grid-template-columns:minmax(0,1fr) 54px;gap:6px}button,input{min-height:38px}.summon-controls button,.manual-form button{padding:0 6px;font-size:.82rem}.status-line{text-overflow:ellipsis;white-space:nowrap;min-height:16px;font-size:.76rem;overflow:hidden}.battle-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:7px;min-height:0;padding:8px;overflow:hidden}.battle-header h2{font-size:1.12rem}.battle-header button{min-height:34px;padding:0 9px;font-size:.82rem}.fighter-placeholder p{font-size:1.08rem}.fighters{align-items:stretch;gap:6px}.fighters article{border-width:2px;grid-template-rows:minmax(76px,1fr) auto auto auto;gap:3px;padding:6px}.fighters img{min-height:68px;max-height:132px;transform:translateY(9%)scale(1.18)}.fighter-meta strong{font-size:.85rem}.fighter-meta span,.fighters small{font-size:.68rem}.hp{border-width:1px;height:10px}.versus{border-width:2px;padding:5px;font-size:.75rem}.result{padding:5px;font-size:1rem}.latest-log{text-align:left;min-height:34px;padding:6px 8px;font-size:.78rem}.move-grid{gap:6px}.move-grid button{min-height:64px;padding:7px}.move-grid strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.move-grid span{font-size:.68rem}.move-grid small{display:none}.post-actions{gap:6px}.post-actions button{min-height:34px;font-size:.78rem}.log-list{display:none}.dex-panel{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:6px 8px}.dex-panel h2{white-space:nowrap;font-size:.88rem}.history-list{grid-auto-columns:minmax(96px,1fr);gap:6px}.history-list button{min-height:34px;box-shadow:none;padding:5px;font-size:.74rem}.history-list small{display:none}}@media (width<=380px),(height<=690px){.app-shell{padding:max(5px, env(safe-area-inset-top)) 5px max(5px, env(safe-area-inset-bottom));gap:5px}.summon-panel,.battle-panel{padding:6px}.scanner,.scanner video{min-height:118px}.battle-header h2{font-size:1rem}.fighters article{grid-template-rows:minmax(58px,1fr) auto auto auto}.fighters img{min-height:54px;max-height:98px;transform:translateY(10%)scale(1.2)}.latest-log{min-height:30px;font-size:.72rem}.move-grid button{min-height:56px}.post-actions button,.dex-panel{display:none}}