:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;background:#0d1117;color:#f3f6f9}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden;background:linear-gradient(180deg,#13181ff5,#080b0ffa),#0d1117}button,select,input{font:inherit}button,select,input[type=range]{min-height:38px}button,select{border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f3f6f9;background:#1a232d}button{padding:0 16px;font-weight:700;cursor:pointer}button:hover{background:#22313f}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed}select{padding:0 34px 0 12px;cursor:pointer}#app{min-height:100dvh}.screen{min-height:100dvh;opacity:0;transform:translateY(8px)}.screen-active{opacity:1;transform:none;animation:screenFade .18s ease-out}.free-battle-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.battle-play-screen{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.top-bar,.battle-header,.controls{display:flex;align-items:center;gap:14px;width:100%;padding:12px clamp(12px,3vw,28px);background:#0c1117f0;border-color:#ffffff14}.top-bar,.battle-header{border-bottom:1px solid rgba(255,255,255,.08)}.controls{justify-content:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08)}#share-ui{align-items:center;justify-content:center;gap:10px;width:100%;padding:10px clamp(12px,3vw,28px);background:#090d12f0;border-top:1px solid rgba(255,255,255,.08)}.share-btn{min-width:148px;background:linear-gradient(180deg,#233142,#18222d)}.share-btn:hover{background:linear-gradient(180deg,#2b3d51,#1f2d3b)}.title{font-size:1.12rem;font-weight:700;white-space:nowrap}.info-strip{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}.info-strip span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#151d25}.message{flex:1;min-width:0;color:#cbd5df;font-size:.94rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-area{flex:1;display:grid;width:100%;max-width:680px;margin:0 auto;place-items:center;min-height:0;padding:12px}.free-battle-screen .board-area{display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:none}#gameCanvas,#storyGameCanvas{display:block;min-width:260px;min-height:260px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#101820;box-shadow:0 16px 44px #0000005c;touch-action:none;cursor:pointer}.free-battle-screen .board-area #gameCanvas{width:100%;height:100%}#storyGameCanvas{width:min(94vw,calc(100dvh - 176px));height:min(94vw,calc(100dvh - 176px));border-color:color-mix(in srgb,var(--character-color, #54c78a) 48%,rgba(255,255,255,.14))}.battle-header{justify-content:space-between}.battle-character{display:flex;align-items:center;min-width:210px;gap:12px}.battle-character img{width:54px;height:54px;border:2px solid color-mix(in srgb,var(--character-color, #54c78a) 70%,white);border-radius:50%}.battle-character-name{font-size:1.12rem;font-weight:800}.battle-character-title,.battle-message{color:#cbd5df;font-size:.92rem}.battle-info{flex:1;justify-content:center}.battle-message,.story-message{padding:10px clamp(12px,3vw,28px);background:#0c1117bd}.story-message{flex:0;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.subtle-button{background:#ffffff0f}.control-field{display:inline-flex;align-items:center;gap:8px;color:#cbd5df;font-size:.92rem}.mobile-board-note,.pc-board-note{font-size:.75rem;color:#ffffff80;margin:4px 0 0}.checkbox-field{justify-content:center}.checkbox-field input{width:18px;height:18px;accent-color:#54c78a;cursor:pointer}.checkbox-field input:disabled,.checkbox-field input:disabled+span{cursor:not-allowed;opacity:.46}.slider-field input{width:132px;accent-color:#54c78a}.slider-field output{min-width:34px;color:#f3f6f9;font-variant-numeric:tabular-nums;text-align:right}.menu-screen{display:grid;min-height:100dvh;place-items:center;padding:28px}.menu-panel{width:min(460px,100%);text-align:center}.menu-kicker,.screen-kicker,.result-kicker{margin:0 0 8px;color:#8ee3b0;font-weight:800}.menu-panel h1{margin:0 0 32px;font-size:clamp(2.6rem,7vw,4.8rem)}.menu-actions{display:grid;gap:14px}.menu-actions button{min-height:58px;font-size:1.18rem}.menu-qr{display:grid;justify-items:center;gap:10px;margin:24px auto 0}.menu-qr a{display:block;border-radius:8px}.menu-qr img,.menu-qr canvas{display:block;width:150px;height:150px;border:8px solid #f3f6f9;border-radius:8px;background:#f3f6f9}.menu-qr-label{margin:0;color:#aeb9c5;font-weight:700}.menu-stats,.bonus-note{margin:24px 0 0;color:#aeb9c5;font-weight:700}.afw-link{color:#8ee3b0;text-decoration:none}.afw-link:hover{text-decoration:underline}.screen-shell{width:min(1120px,100%);min-height:100dvh;margin:0 auto;padding:clamp(18px,4vw,36px)}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.screen-header h2{margin:0;font-size:clamp(2rem,5vw,3.2rem)}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.stage-grid,.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.character-card,.collection-card{position:relative;display:grid;justify-items:center;gap:8px;min-height:244px;padding:16px;border-color:#ffffff1a;background:linear-gradient(180deg,color-mix(in srgb,var(--character-color) 18%,#1a232d),#121a22 64%),#121a22}.character-card:hover,.collection-card:hover{border-color:color-mix(in srgb,var(--character-color) 62%,white)}.character-card.is-locked{filter:grayscale(1);opacity:.48}.stage-number,.stage-status,.collection-progress{align-self:start;min-height:28px;padding:5px 10px;border-radius:999px;color:#f3f6f9;background:#ffffff14;font-size:.8rem}.avatar-wrap{position:relative;display:grid;place-items:center}.avatar-wrap img,.collection-card img{width:92px;height:92px;border-radius:50%}.lock-mark{position:absolute;right:-4px;bottom:-4px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#070a0e}.character-name{font-size:1.18rem;font-weight:900}.character-title{color:#cbd5df;font-size:.9rem;text-align:center}.collection-card{min-height:220px}.collection-progress{align-self:end;color:#8ee3b0}.cg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cg-tile{display:grid;gap:8px;min-height:188px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#121a22}.cg-tile img,.locked-cg-mark{width:100%;aspect-ratio:13 / 8;border-radius:6px}.cg-tile img{display:block;object-fit:cover}.cg-tile span{color:#dce5ed;font-weight:800}.cg-tile.is-locked{background:#0b0f14}.locked-cg-mark{display:grid;place-items:center;color:#fff6;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.1),transparent 28%),linear-gradient(135deg,#ffffff0a,#ffffff03);font-size:4rem;font-weight:900}.result-screen{display:grid;min-height:100dvh;place-items:center;padding:22px}.result-overlay{width:min(520px,100%);padding:clamp(22px,5vw,34px);border:1px solid color-mix(in srgb,var(--character-color) 54%,rgba(255,255,255,.2));border-radius:8px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--character-color) 20%,#151d25),#10161d 62%),#10161d;box-shadow:0 24px 70px #0000006b}.result-avatar{width:112px;height:112px;border-radius:50%}.result-overlay h2{margin:6px 0 14px;font-size:clamp(2.1rem,7vw,3.7rem)}.result-message,.result-detail,.result-bonus{color:#d7e0e8;line-height:1.7}.result-bonus{color:#8ee3b0;font-weight:900}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}[hidden]{display:none!important}@keyframes screenFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:820px){body{overflow:auto}.free-battle-screen,.battle-play-screen{min-height:100dvh;height:auto;overflow:visible}.top-bar,.battle-header{align-items:stretch;flex-direction:column;gap:8px}.battle-character{min-width:0}.info-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;white-space:normal}.battle-info{grid-template-columns:1fr}.info-strip span{justify-content:center;padding:0 8px;font-size:.9rem}.message{text-align:left;white-space:normal}.board-area{padding:8px}#gameCanvas,#storyGameCanvas{width:min(96vw,calc(100dvh - 232px));height:min(96vw,calc(100dvh - 232px));min-width:220px;min-height:220px}.controls{justify-content:stretch;gap:10px}#share-ui{flex-direction:column;padding:10px 12px}.controls>*{flex:1 1 180px}.share-btn{width:100%}.control-field{justify-content:space-between}button,select,.slider-field input{width:100%}.screen-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.stage-grid,.collection-grid,.cg-grid{grid-template-columns:1fr}}@media(max-width:768px){.board-area{width:100%;max-width:none;margin:0;padding:0}.board-area canvas{width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:1 / 1}}