:root{color:#f7faf7;background:#101310;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:44px;border:0;border-radius:6px;color:#08130d;background:#a8ff5f;font-weight:800;cursor:pointer}input{width:100%;min-height:42px;border:1px solid #445044;border-radius:6px;color:#f7faf7;background:#151a15;padding:0 12px}.app-shell{display:grid;place-items:center;min-height:100vh;padding:32px 16px}.menu-card{display:flex;flex-direction:column;gap:24px;width:min(100%,440px);padding:32px;border:1px solid #2a332a;border-radius:10px;background:#121712}.menu-card--wide{width:min(100%,640px)}.menu-card--room{width:min(100%,1200px);gap:20px;padding:24px}.app-shell:has(.menu-card--room){padding:16px}.eyebrow{margin:0 0 8px;color:#a8ff5f;font-size:12px;font-weight:800}h1{margin:0;font-size:32px;line-height:1.1;overflow-wrap:anywhere}h2{margin:0;font-size:16px}.field-label{display:grid;gap:8px;color:#d9e6d9;font-size:14px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.screen-header>div{min-width:0}.screen-header button{flex-shrink:0;padding:0 14px}.home-button{display:inline-flex;align-items:center;gap:6px}.empty-state{margin:0;padding:24px 0;color:#8d9a8d;text-align:center}.room-list{display:grid;gap:8px;max-height:50vh;overflow-y:auto}.room-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 12px 12px 16px;border:1px solid #2a332a;border-radius:8px;background:#151a15}.room-row__info{display:grid;gap:2px;min-width:0}.room-row__info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row__info span,.room-row__count{color:#8d9a8d;font-size:13px;font-variant-numeric:tabular-nums}.room-row button{min-height:36px;padding:0 16px}.room-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.room-body__main{display:grid;align-content:start;gap:20px;min-width:0}.room-side{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;height:0;min-height:100%}.team-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team-column{display:grid;align-content:start;gap:10px;padding:12px;border-top:4px solid var(--team-color);border-radius:8px;background:#151a15}.team-column--red{--team-color: #e8413c}.team-column--blue{--team-color: #3d7bff}.team-column h2{display:flex;justify-content:space-between;color:var(--team-color)}.team-column h2 span{color:#8d9a8d;font-size:13px;font-variant-numeric:tabular-nums}.slot-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.slot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border:1px solid #2a332a;border-radius:8px;background:#101410}.slot--me{border-color:#a8ff5f}.slot__name{display:flex;align-items:center;gap:6px;min-width:0}.slot__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot__status{color:#8d9a8d;font-size:12px;font-weight:700}.slot.is-ready .slot__status{color:#a8ff5f}.slot--empty{display:flex;justify-content:space-between;width:100%;border-style:dashed;color:#6b7a6b;background:transparent;font-weight:600}.slot--empty:not(:disabled):hover{border-color:var(--team-color);color:#d9e6d9}.slot__hint{font-size:12px}.host-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;color:#3a2a00;background:#ffd23f;font-size:11px;font-weight:800}.bot-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;color:#08130d;background:#7fd8ff;font-size:11px;font-weight:800}.slot__controls{display:flex;align-items:center;gap:6px}.slot__controls select{min-height:30px;padding:0 6px;border:1px solid #445044;border-radius:6px;color:#f7faf7;background:#151a15;font:inherit;font-size:12px}.slot__controls .slot__remove{min-height:30px;padding:0 10px;border:1px solid #5a3a36;color:#ff9a8d;background:transparent;font-size:12px}.slot__controls .slot__remove:hover{background:#2a1a18}.me-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;color:#08130d;background:#a8ff5f;font-size:11px;font-weight:800}.character-portrait{display:block;flex-shrink:0;background-repeat:no-repeat}.character-select{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.character-slider{display:flex;align-items:stretch;gap:8px}.character-slider__arrow{flex-shrink:0;width:36px;min-height:0;padding:0;border:1px solid #445044;color:#f7faf7;background:#151a15;font-size:24px}.character-slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:140px;flex:1;min-width:0;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}.character-slider__track .character-card{scroll-snap-align:start}.character-slider__track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.character-slider__track.is-dragging .character-card{cursor:grabbing}.character-card{display:grid;justify-items:center;gap:4px;padding:10px;border:1px solid #445044;color:#f7faf7;background:#151a15;font-weight:600}.character-card strong{margin-top:2px;font-size:16px}.character-card span{color:#8d9a8d;font-size:12px}.character-card .character-card__ultimate{color:#c6e8a8}.character-card.is-selected{border-color:#a8ff5f;background:#1d2a17}.item-select{display:grid;gap:8px}.item-select h2{display:flex;justify-content:space-between;align-items:baseline}.item-select h2 span{color:#8d9a8d;font-size:13px;font-variant-numeric:tabular-nums}.item-grid{display:grid;gap:6px}.item-card{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:52px;padding:6px 4px;border:1px solid #445044;color:#f7faf7;background:#151a15;font-weight:600}.item-cell{display:grid}.item-tooltip{position:fixed;z-index:100;width:max-content;max-width:220px;padding:8px 10px;word-break:keep-all;border:1px solid #a8ff5f;border-radius:6px;color:#f7faf7;background:#08130df2;font-size:13px;line-height:1.4;pointer-events:none;transform:translate(-50%,calc(-100% - 8px))}.item-card__image{width:36px;height:36px;object-fit:contain}.item-card strong{font-size:14px}.item-card span{color:#8d9a8d;font-size:11px}.item-card.is-equipped{border-color:#a8ff5f;background:#1d2a17}.item-card.is-equipped span{color:#c6e8a8}.item-card span.item-card__key{position:absolute;top:3px;left:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:4px;color:#08130d;background:#a8ff5f;font-size:12px;font-weight:900}.item-card--empty{border-style:dashed;background:transparent;cursor:default}.room-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0}.room-chat__log{display:grid;align-content:start;gap:4px;min-height:120px;margin:0;padding:10px 12px;overflow-y:auto;border:1px solid #2a332a;border-radius:8px;background:#151a15;list-style:none;font-size:14px}.room-chat__empty{color:#8d9a8d}.room-chat__line{display:flex;gap:6px;overflow-wrap:anywhere}.room-chat__line strong{flex-shrink:0;color:#a8ff5f}.room-chat__form{display:flex;gap:8px}.room-chat__form input{flex:1;min-width:0}.room-chat__form>button{flex-shrink:0;padding:0 18px}.room-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.room-actions .field-hint{margin:0}.room-actions button{padding:0 24px}.start-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0009;pointer-events:none}.start-countdown p{margin:0;color:#fff;font-size:22px;font-weight:800}.start-countdown strong{color:#a8ff5f;font-size:140px;font-weight:900;line-height:1;animation:start-countdown-pop 1s ease-out}@keyframes start-countdown-pop{0%{transform:scale(1.4);opacity:.3}20%{transform:scale(1);opacity:1}}.waiting-bgm-toggle{position:fixed;left:16px;bottom:16px;z-index:10;display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;border:1px solid #2a332a;border-radius:50%;color:#a8ff5f;background:#121712}.waiting-bgm-toggle.is-muted{color:#6b766b}.waiting-bgm-toggle:focus-visible{outline:2px solid #a8ff5f;outline-offset:2px}.match-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050806}.game-canvas{position:relative;width:100%;height:100%;overflow:hidden}.game-canvas canvas{display:block}.game-canvas>div{top:0;left:0}.match-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px}.overlay-button{min-height:36px;padding:0 14px;border:1px solid rgb(255 255 255 / .35);color:#fff;background:#0000007a;font-size:14px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leave-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#0000008c}.leave-confirm__box{display:grid;gap:16px;width:min(100%,360px);padding:24px;border:1px solid #2a332a;border-radius:10px;background:#121712;text-align:center}.leave-confirm__title{margin:0;color:#f7faf7;font-size:20px;font-weight:800}.leave-confirm__note{margin:-6px 0 0;color:#8d9a8d;font-size:14px}.leave-confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.overlay-button:hover{background:#000000ad}.practice-bot-panel{display:grid;align-content:center;gap:4px;padding:4px 10px;border:2px solid #6f8fc9;border-radius:8px;background:#10275a;box-sizing:border-box;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.practice-bot-panel__row{display:flex;align-items:center;gap:6px}.practice-bot-panel__label{width:56px;flex-shrink:0;color:#ffe46b;font-size:13px;font-weight:700}.practice-bot-panel__label.is-red{color:#ff6a6a}.practice-bot-panel__label.is-blue{color:#6fb4ff}.practice-bot-panel button{min-height:0;height:22px;padding:0 10px;border:2px solid #6f8fc9;border-radius:6px;color:#c9d6f2;background:#26324d;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.practice-bot-panel button:hover:not(:disabled){border-color:#ffd23f}.practice-bot-panel button:disabled{opacity:.4;cursor:default}.practice-bot-panel__segment{flex:1}.practice-bot-panel__segment.is-selected{border-color:#10275a;color:#10275a;background:#ffd23f}.practice-bot-panel__step{width:30px;padding:0;font-size:16px;line-height:1}.practice-bot-panel__count{width:42px;color:#fff;font-size:14px;font-weight:700;text-align:center}.practice-bot-panel__move{flex:1;margin-left:4px}.practice-bot-panel__move.is-moving{border-color:#10275a;color:#07100a;background:#a8ff5f}.practice-character-select{padding:0 8px;border:2px solid #6f8fc9;border-radius:6px;color:#ffe46b;background:#10161f;font-family:Arial,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-sizing:border-box}.practice-character-select:hover{border-color:#ffd23f}.practice-item-picker{display:grid;gap:8px;width:360px;padding:10px;border:2px solid #6f8fc9;border-radius:8px;background:#10275a;box-sizing:border-box;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.practice-item-picker__header{display:flex;align-items:center;justify-content:space-between;color:#ffe46b;font-size:14px}.practice-item-picker__clear{min-height:0;padding:4px 8px;border:1px solid #6f8fc9;border-radius:6px;color:#fff;background:#1b3c86;font-size:12px;font-weight:700;cursor:pointer}.practice-item-picker__clear:disabled{opacity:.4;cursor:default}.practice-item-picker__grid{display:grid;gap:6px}.practice-item-picker__item{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:0;height:64px;padding:4px 2px;border:2px solid #6f8fc9;border-radius:6px;color:#fff;background:#10161f;font-size:11px;font-weight:700;cursor:pointer}.practice-item-picker__item:hover{border-color:#ffd23f}.practice-item-picker__item.is-selected{border-color:#ffd23f;background:#3a3210}.practice-item-picker__item img{width:36px;height:36px;object-fit:contain}.practice-item-picker__item[data-slot]:before{content:attr(data-slot);position:absolute;top:2px;left:4px;color:#ffe46b;font-size:11px}.tutorial-key-guide{position:absolute;top:64px;left:16px;z-index:10;display:grid;gap:10px;pointer-events:none;-webkit-user-select:none;user-select:none}.tutorial-key-guide__keys{display:flex;align-items:flex-start;gap:8px}.tutorial-key-guide__keyboard{display:grid;gap:10px}.tutorial-key-guide__row{display:flex;gap:8px}.tutorial-key-guide__item.tutorial-key-guide__item--arrows{width:auto}.tutorial-arrow-keys{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:4px}.tutorial-arrow-keys__up{grid-area:1 / 2}.tutorial-arrow-keys__left{grid-area:2 / 1}.tutorial-arrow-keys__down{grid-area:2 / 2}.tutorial-arrow-keys__right{grid-area:2 / 3}.tutorial-key-guide__row:nth-child(2){margin-left:24px}.tutorial-key-guide__item{display:grid;justify-items:center;gap:4px;width:128px}.tutorial-key{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgb(255 255 255 / .4);border-bottom-width:4px;border-radius:8px;color:#ffffffd9;background:#00000052;font-family:inherit;font-size:20px;font-weight:900;transition:transform 60ms,background-color 60ms,border-color 60ms}.tutorial-key--wide{width:96px;font-size:16px}.tutorial-key.is-pressed{transform:translateY(3px);border-color:#a8ff5f;border-bottom-width:1px;color:#07100a;background:#a8ff5fe6;box-shadow:0 0 14px #a8ff5fb3}.tutorial-mouse-hint{display:flex;align-items:center;gap:8px;justify-self:start;margin-top:4px;padding:6px 12px;border:1px solid rgb(255 255 255 / .3);border-radius:999px;color:#ffffffd9;background:#00000052;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .9);transition:background-color 60ms,border-color 60ms}.tutorial-mouse-hint__icon{width:16px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.tutorial-mouse-hint.is-active{border-color:#a8ff5f;color:#07100a;background:#a8ff5fe6;box-shadow:0 0 14px #a8ff5fb3;text-shadow:none}.tutorial-key-guide__description{color:#fffc;font-size:13px;font-weight:700;line-height:1.35;text-align:center;white-space:pre-line;text-shadow:0 1px 2px rgb(0 0 0 / .9)}@media (max-width: 720px){.menu-card{padding:20px}.team-columns,.room-body{grid-template-columns:1fr}.room-side{height:auto;min-height:0}.room-chat__log{height:160px}}.form-actions{display:grid;gap:10px}.form-actions{grid-template-columns:1fr 2fr}.secondary-button{border:1px solid #445044;color:#d9e6d9;background:transparent}.secondary-button:hover{background:#1c231c}.field-hint{color:#8d9a8d;font-size:12px;font-weight:600;justify-self:end}.option-group{display:grid;gap:8px;margin:0;padding:0;border:0}.option-group legend{margin-bottom:8px;padding:0;color:#d9e6d9;font-size:14px;font-weight:700}.option-grid{display:grid;gap:8px}.option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-card{position:relative;display:grid;gap:4px;padding:12px;border:1px solid #445044;border-radius:6px;background:#151a15;cursor:pointer}.option-card input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.option-card strong{font-size:16px}.option-card span{color:#8d9a8d;font-size:12px}.option-card--compact{place-items:center;padding:10px 0}.option-card:hover{border-color:#6b7a6b}.option-card:has(input:focus-visible){outline:2px solid #a8ff5f;outline-offset:2px}.option-card.is-selected{border-color:#a8ff5f;background:#1d2a17}.option-card.is-selected span{color:#c6e8a8}.option-card.is-disabled{opacity:.35;cursor:not-allowed}.option-card.is-disabled:hover{border-color:#445044}.form-error{margin:0;color:#ff7a6b;font-size:14px;font-weight:700}.landing-shell{display:flex;flex-direction:column;align-items:center;gap:24px;height:100vh;height:100dvh;padding:24px 16px 40px;overflow-y:auto}.landing-logo{flex-shrink:0}.landing-banner-frame{display:flex;justify-content:center;flex:0 1 auto;width:100%;min-height:120px}.landing-banner{display:block;width:auto;max-width:min(100%,960px);height:auto;max-height:100%;border-radius:12px;box-shadow:0 12px 32px #00000073}.login-card{gap:16px;width:min(100%,360px);padding:24px}.login-title{font-size:20px}.form-message{margin:0;font-size:14px;font-weight:700;line-height:1.35}.login-card-spacer .form-message{min-height:2.7em}.form-message.is-ok{color:#a8ff5f}.form-message.is-error{color:#ff7a6b}.login-switch{margin:0;color:#8d9a8d;font-size:14px;text-align:center}.login-legal-links{display:flex;justify-content:center;gap:8px;margin:-4px 0 0;color:#8d9a8d;font-size:12px}.login-legal-links a,.legal-links a{color:#a8ff5f}.link-button{min-height:0;padding:0;color:#a8ff5f;background:transparent;font-weight:700;text-decoration:underline}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;background:#fff;border-color:#d8e0d5}.google-login-button:hover:not(:disabled){background:#f3f7f1}.google-mark{flex-shrink:0;width:18px;height:18px}.field-status{font-size:13px;font-weight:600}.field-status.is-ok{color:#a8ff5f}.field-status.is-error{color:#ff7a6b}.landing-shell>.login-card-slot{display:grid;flex-shrink:0;width:min(100%,360px)}.login-card-slot>.login-card{grid-area:1 / 1;align-self:start;width:100%}.login-card-spacer{visibility:hidden}input[readonly]{color:#b9c6b9;background:#10140f;cursor:default}.legal-shell{min-height:100vh;padding:48px 16px;background:radial-gradient(circle at top,rgb(168 255 95 / .12),transparent 320px),#101310}.legal-card{width:min(100%,760px);margin:0 auto;padding:36px;border:1px solid #2a332a;border-radius:10px;background:#121712;line-height:1.7}.legal-card h1{margin-bottom:8px}.legal-card h2{margin-top:28px;font-size:18px}.legal-card p,.legal-card ul{color:#dce7dc}.legal-card li+li{margin-top:6px}.legal-updated{margin-top:0;color:#8d9a8d;font-size:14px}.legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;font-weight:700}.field-label-row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.field-label-hint{color:#8d9a8d;font-size:12px;font-weight:500}.main-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.main-logo{display:block;width:64px;height:auto}.main-title{display:block;width:100%;height:auto}