@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans JP,system-ui,sans-serif;color:#17243a;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none;color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(25px,2.7vw,34px);line-height:1.38;margin-bottom:7px;font-weight:800}h2{font-size:19px;margin:0 0 5px;font-weight:800}h3{font-size:16px;margin-bottom:7px}p{line-height:1.7}input,textarea,select{min-width:0;width:100%;background:#fff;border:1px solid #dce3ed;border-radius:11px;color:#15243b;outline:none;transition:border-color .2s,box-shadow .2s}input,select{padding:11px 13px;min-height:43px}textarea{padding:12px 14px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#5683eb;box-shadow:0 0 0 3px #386cdb1a}input:disabled,select:disabled,textarea:disabled{background:#f4f6f9}input[type=color]{padding:0;border:0;appearance:none;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8e1ec}select{appearance:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:11px;padding:10px 17px;font-weight:700;font-size:13px;white-space:nowrap;border:1px solid transparent;transition:background .2s,transform .15s,box-shadow .2s}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{color:#fff;background:#3068e8;box-shadow:0 4px 12px #3068e824}.btn-primary:hover:not(:disabled){background:#1f57d1;box-shadow:0 6px 16px #3068e838}.btn-secondary{background:#fff;border-color:#dce4ee;color:#243650}.btn-secondary:hover:not(:disabled){background:#f3f6fd;border-color:#becfe8}.btn-dashed{border:1.5px dashed #bdcbe0;color:#446184;background:#f8faff}.btn-dashed:hover:not(:disabled){background:#edf3ff;border-color:#7fa4e9}.btn-quiet-danger{color:#d35a5a;background:#fff3f3;border-color:#fff0f0}.btn-quiet-danger:hover{background:#ffe6e6}.btn-light{color:#174283;background:#fff}.btn-light:hover{background:#eaf1ff}.btn-outline-light{border-color:#ffffff7a;background:#ffffff1a;color:#fff}.btn-outline-light:hover{background:#fff3}.btn-sm{min-height:35px;padding:7px 11px;font-size:12px}.btn-large{min-height:49px}.full-width{width:100%}.icon-button{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#72809a;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-button:hover:not(:disabled){background:#eff3f9;color:#2450a4}.icon-button.small{width:25px;height:25px;border-radius:6px}.icon-button.danger-on-hover:hover:not(:disabled){background:#fff1f1;color:#d53c49}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;border:0}.eyebrow{font-weight:800;letter-spacing:.15em;font-size:10px;color:#6a81a8}.panel{background:#fff;border:1px solid #e3e9f1;border-radius:19px;padding:23px;box-shadow:0 2px 8px #0d1d3304}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:22px}.section-heading h2{margin:0 0 5px}.section-heading p{font-size:12px;color:#8491a5;margin:0}.section-heading>svg{color:#7391c9}.count-tag{background:#edf3ff;color:#4169a8;padding:5px 10px;border-radius:99px;font-weight:800;font-size:11px;white-space:nowrap}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field label{font-size:12px;font-weight:800;color:#425472}.helper,.input-help{font-size:12px;color:#8997aa;margin:9px 0 16px}.notice{background:#fff9eb;color:#82622c;border:1px solid #f5e4ba;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.7;margin-bottom:17px}.notice.muted{background:#f5f7fb;color:#62718a;border-color:#e8ecf2}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.status-setup{background:#edf3ff;color:#4276ce}.status-playing{background:#e5f8f0;color:#188666}.status-finished{background:#f2ebfc;color:#8153b5}.success-text{color:#20ad7f}.positive{color:#19a578!important}.negative{color:#e26570!important}.team-dot{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #00000009}.app-shell{display:flex;min-height:100vh}.sidebar{width:234px;flex:none;background:#111e31;color:#c9d2e2;padding:30px 14px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 12px 41px}.brand-symbol{width:41px;height:41px;background:#356df2;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:13px;font-weight:900;font-size:24px;box-shadow:0 7px 18px #2f61df3b;flex:none}.sidebar-brand strong{display:block;color:#fff;letter-spacing:.13em;font-size:17px;font-weight:800;line-height:1.2}.sidebar-brand small{font-size:9px;letter-spacing:.1em;color:#758eaf;font-weight:700}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:.16em;color:#687f9d;padding:0 14px;margin-bottom:13px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-bottom:37px}.sidebar-nav button{display:flex;align-items:center;gap:13px;border:0;color:#a9bbd0;background:transparent;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:700;text-align:left}.sidebar-nav button:hover:not(:disabled){background:#1d2c43}.sidebar-nav button.active{background:#254371;color:#fff;box-shadow:inset 3px 0 #4b8dff}.sidebar-nav button:disabled{opacity:.3}.sidebar-current{border:1px solid #33435a;background:#192940;border-radius:13px;margin:0 4px;padding:16px;display:flex;flex-direction:column;align-items:start;gap:8px}.sidebar-current-icon{background:#253d5e;width:37px;height:37px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#84aaff}.sidebar-current strong{font-size:12px;color:#fff;overflow-wrap:anywhere}.sidebar-current small{font-size:11px;color:#91a4bf}.sidebar-empty{padding:0 15px;color:#72839b;font-size:11px;line-height:1.6}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;gap:11px;align-items:start;padding:17px 10px 3px;border-top:1px solid #2a384d;color:#6e9fe0}.sidebar-bottom strong{display:block;font-size:11px;color:#c4d0df}.sidebar-bottom small{color:#758ba5;font-size:10px}.sidebar-overlay{display:none}.main-column{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.topbar-left,.topbar-right,.breadcrumbs{display:flex;align-items:center;gap:12px}.breadcrumbs{color:#9eabbd;font-size:11px;font-weight:700}.breadcrumbs strong{color:#243c62}.topbar-right{gap:23px}.save-indicator{display:inline-flex;align-items:center;gap:6px;color:#7c92a7;font-size:11px}.save-indicator svg{color:#22b58c}.header-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf0ff;color:#3964ca;font-weight:900}.mobile-menu{display:none}.content{min-height:calc(100vh - 72px)}.screen-container{padding:34px 38px 56px;max-width:1560px;margin:auto}.page-heading,.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.page-heading p,.home-section-head p{font-size:12px;color:#91a0b5;margin:0}.page-heading .eyebrow{display:block;margin-bottom:9px}.heading-actions{display:flex;gap:8px;align-items:center}.game-title-input{max-width:540px;margin-bottom:28px}.setting-tabs{border-bottom:1px solid #e0e7f0;display:flex;gap:20px;margin-bottom:23px;overflow:auto}.setting-tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 14px 16px;border:0;border-bottom:3px solid transparent;background:none;color:#8a99ae;font-weight:800;font-size:12px}.setting-tabs button.active{border-bottom-color:#316ae9;color:#2864e8}.tab-count{background:#e9effa;border-radius:50px;padding:3px 7px;font-size:10px}.two-column-settings{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:20px}.team-editor-list{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.team-editor{display:flex;align-items:center;gap:10px;border:1px solid #e9edf3;background:#fbfcff;border-radius:11px;padding:9px}.item-number{width:28px;flex:none;color:#a2afc1;font-weight:800;font-size:12px}.color-picker{height:34px;width:34px;flex:none;border-radius:50%;cursor:pointer}.team-name-input{min-height:35px!important;border:0;background:transparent!important;padding:6px 7px;font-weight:700}.team-name-input:focus{background:#fff!important}.number-control{position:relative;max-width:240px}.number-control input{padding-right:55px}.number-control>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:12px;color:#8996a7}.moves-list{display:flex;flex-direction:column;gap:10px}.move-row{display:grid;grid-template-columns:53px minmax(70px,1fr) 85px;gap:10px;align-items:center}.move-row input{text-align:center;min-height:39px;padding:6px}.rank-chip{padding:7px 8px;background:#eef3fb;border-radius:8px;color:#536987;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;white-space:nowrap}.move-indicator{text-align:right;font-size:12px;font-weight:800}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.challenge-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px}.challenge-list{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;max-height:630px;overflow:auto}.challenge-list-item{display:flex;align-items:center;border:1px solid #e8edf3;border-radius:11px;background:#fff}.challenge-list-item.chosen{background:#f1f5ff;border-color:#9cb8f4}.challenge-list-item.completed{opacity:.65}.challenge-pick{flex:1;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:transparent;padding:13px}.challenge-list-index{font-size:11px;font-weight:800;color:#a2b1c4}.challenge-title-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.challenge-title-wrap strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.challenge-title-wrap small{font-size:10px;color:#98a7b9}.reorder-controls{display:flex;flex-direction:column;gap:0;margin-right:5px}.subsection{border-top:1px solid #e8edf3;margin-top:22px;padding-top:24px}.subsection h3{margin:0 0 3px}.checkbox-line{display:flex;align-items:center;gap:9px;margin-bottom:15px;font-size:12px;font-weight:700;cursor:pointer}.checkbox-line input{width:17px;height:17px;min-height:0;accent-color:#3972ee}.empty-hint{font-size:12px;color:#93a1b5}.empty-editor{min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#7f91a8;gap:12px}.empty-editor svg{color:#8ea6ca}.empty-editor h2{color:#2c425e}.empty-editor p{font-size:12px}.settings-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.settings-bottom p{display:flex;align-items:center;gap:7px;color:#8a99ac;font-size:12px;margin:0}.settings-bottom p svg{color:#20b58b}.welcome-card{background:linear-gradient(116deg,#173966,#2554a2 52%,#3d78e3);border-radius:22px;min-height:302px;display:flex;justify-content:space-between;overflow:hidden;position:relative;color:#fff;margin-bottom:42px}.welcome-card:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-160px;top:-140px}.welcome-copy{padding:47px 46px;position:relative;z-index:1}.welcome-copy .eyebrow{color:#9bc5ff}.welcome-copy h1{font-size:clamp(27px,3.4vw,43px);line-height:1.35;margin:13px 0}.welcome-copy h1 em{font-style:normal;color:#a8d4ff}.welcome-copy p{font-size:13px;line-height:1.85;color:#c4d8fa;margin-bottom:24px}.welcome-buttons{display:flex;gap:11px;flex-wrap:wrap}.welcome-art{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:330px;height:205px;opacity:.95}.art-finish{position:absolute;right:0;top:2px;font-size:13px;font-weight:900;letter-spacing:.2em;color:#d8eaff}.art-path{position:absolute;top:43px;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:59px;gap:7px;transform:rotate(-8deg)}.art-path span{border:2px solid #b0cfff;background:#ffffff2b;border-radius:12px}.art-path span:nth-child(5){background:#ffd36d;border-color:#ffe9a4}.art-tokens{position:absolute;left:23%;top:35%;display:flex;gap:8px;transform:rotate(-8deg)}.art-tokens i{height:34px;width:34px;border:4px solid white;background:#ff7f80;border-radius:50%;box-shadow:0 6px 14px #12376380}.art-tokens i:nth-child(2){background:#30cb95;transform:translateY(53px)}.art-tokens i:nth-child(3){background:#f8bd55;transform:translateY(-8px)}.home-section-head h2{font-size:23px;margin-top:5px}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(267px,1fr));gap:17px;margin-bottom:32px}.game-card{border:1px solid #e2e9f3;background:#fff;border-radius:16px;padding:21px;transition:box-shadow .2s,transform .2s}.game-card:hover{box-shadow:0 8px 25px #142d5313;transform:translateY(-2px)}.game-card-upper{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.game-card-icon{background:#edf3ff;color:#5c80db;border-radius:13px;width:47px;height:47px;display:flex;align-items:center;justify-content:center}.game-card h3{font-size:17px;margin:0 0 16px;overflow-wrap:anywhere}.game-meta{display:flex;flex-wrap:wrap;gap:12px;color:#8797aa;font-size:10px}.game-meta span{display:flex;align-items:center;gap:5px}.game-card-bottom{border-top:1px solid #edf0f5;display:flex;gap:4px;align-items:center;margin-top:22px;padding-top:17px}.game-card-bottom .btn{margin-right:auto}.empty-games{background:#fff;border:1px dashed #bccbe2;border-radius:17px;padding:60px 20px;text-align:center;color:#8d9bb0;margin-bottom:27px}.empty-games h3{color:#32445f;margin-top:15px}.empty-games p{font-size:12px}.home-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.info-panel{padding:20px;background:#fff;border:1px solid #e6ebf2;border-radius:14px}.info-panel svg{color:#416fcb;margin-bottom:14px}.info-panel strong{display:block;font-size:12px;margin-bottom:7px}.info-panel p{font-size:11px;color:#8f9db0;margin:0}.app-loading,.waiting-display{min-height:100vh;display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;background:#f4f7fb;color:#6d7f99}.app-loading p,.waiting-display p{font-size:13px}.play-screen{padding:28px 28px 46px;max-width:1900px;margin:auto}.play-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.play-toolbar h1{font-size:26px;margin:5px 0 4px}.play-toolbar p{font-size:11px;color:#8799af;margin:0}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.mode-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e5ebf2;border-radius:12px;margin-bottom:19px;gap:14px}.mode-indicator{font-size:11px;font-weight:700;color:#7587a2;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;background:#23c69b;box-shadow:0 0 0 4px #23c69b1f;border-radius:50%;display:inline-block;flex:none}.mode-actions{display:flex;align-items:center;gap:13px}.text-button{border:0;background:none;color:#597296;font-size:11px;display:inline-flex;align-items:center;gap:5px;font-weight:700;padding:5px}.text-button:hover{color:#285dd7}.play-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(325px,.78fr);align-items:start;gap:17px}.play-presentation{min-width:0}.operator-panel{background:#fff;border:1px solid #e3e9f1;border-radius:17px;overflow:hidden;position:sticky;top:15px}.operator-top{padding:22px 22px 19px;border-bottom:1px solid #edf0f5;position:relative}.operator-top h2{font-size:19px;margin:6px 0 0}.operator-top .count-tag{position:absolute;top:28px;right:20px}.operator-content{padding:23px}.step-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#3b4d68;margin-bottom:19px}.step-label span{background:#eaf1ff;color:#3768cf;width:27px;height:27px;display:flex;justify-content:center;align-items:center;border-radius:8px}.select-wrap{position:relative}.select-wrap select{padding-right:28px}.select-wrap svg{pointer-events:none;position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#7c92ad}.challenge-preview{border:1px solid #dfe8f8;background:#f2f6fe;padding:19px;border-radius:13px;margin:18px 0}.challenge-preview .eyebrow{font-size:9px}.challenge-preview h3{font-size:18px;margin:8px 0}.challenge-preview p{color:#8494ab;font-size:12px;white-space:pre-wrap;margin:0}.challenge-preview small{display:block;color:#4672ab;margin-top:12px}.revealed-preview{background:#eaf7f3;border-color:#d5ede4}.operator-content .btn+.btn{margin-top:10px}.ranking-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.ranking-edit-row{display:flex;align-items:center;gap:8px;border:1px solid #e7edf4;border-radius:10px;padding:8px}.ranking-edit-row strong{font-size:12px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-edit-row .move-value{font-size:12px;font-weight:800}.ranking-buttons{display:flex;flex-direction:column}.result-preview{background:#f6f8fb;padding:13px;border-radius:11px;margin-bottom:18px}.result-preview h4{font-size:12px;margin-bottom:10px;color:#5b6e89}.result-preview>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;font-size:11px;color:#7b899e}.result-preview strong{display:inline-flex;align-items:center;gap:6px;color:#2c4a72}.success-box{text-align:center;background:#e9f9f2;border:1px solid #d4efe3;border-radius:13px;color:#188e67;padding:23px 12px;margin-bottom:18px}.success-box h3{margin:8px 0 4px}.success-box p{font-size:12px;margin:0;color:#72a58f}.round-summary{margin-bottom:22px}.round-summary>div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:12px}.round-summary strong{color:#336cc7}.empty-control{text-align:center;padding:30px 7px 35px;color:#96a3b6}.empty-control h3{color:#31435c;margin-top:15px}.empty-control p{font-size:12px}.operator-divider{height:1px;background:#e8ecf2;margin:25px 0 16px}.collapsible-heading{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:#62748d;font-size:12px;font-weight:800;padding:10px 0}.collapsible-heading span{display:flex;align-items:center;gap:9px}.collapsible-heading .rotate{transform:rotate(180deg)}.position-editor{padding:8px 0}.position-edit-row{display:flex;align-items:center;gap:7px;margin-bottom:9px}.position-edit-row span{flex:1;font-size:11px;min-width:0}.position-edit-row input{width:63px;min-height:32px;font-size:12px;text-align:center;padding:3px}.operator-extras .btn-quiet-danger{margin-top:9px}.operator-footer{background:#f8fafc;padding:13px 17px;color:#91a1b4;font-size:10px;display:flex;align-items:center;gap:12px;border-top:1px solid #eef1f5}.finished-content{text-align:center}.trophy-icon{color:#d9a233}.finished-content h3{margin:12px 0 3px}.finished-content>p{font-size:12px;color:#8899ad}.finish-standings{margin:17px 0}.finish-team{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eef1f5;text-align:left;font-size:11px}.finish-team>span{color:#8995a8;width:27px}.finish-team strong{flex:1}.finish-team small{color:#8090a3}.history-panel{margin-top:22px;background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:20px}.history-panel .section-heading{margin-bottom:11px}.history-list{display:flex;flex-direction:column}.history-row{display:flex;align-items:center;gap:13px;padding:12px 4px;border-top:1px solid #f0f2f7;font-size:11px}.history-row strong{min-width:160px}.history-number{font-weight:900;color:#4773d3}.history-result{color:#8a98aa}.focus-view .play-presentation{width:100%}.focus-view .play-layout{display:block}.focus-view .play-toolbar,.focus-view .history-panel{display:none}.focus-view .mode-bar{margin-bottom:9px}.audience{background:#0e192b;color:#ecf5ff;border-radius:18px;padding:25px;position:relative;overflow:hidden;box-shadow:0 8px 18px #0e1f370d}.audience:before{content:"";position:absolute;width:500px;height:450px;background:radial-gradient(circle,rgba(39,78,139,.23),transparent 70%);right:-190px;top:-140px;pointer-events:none}.audience-header{display:flex;align-items:center;justify-content:space-between;position:relative;gap:10px;margin-bottom:34px}.audience-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.08em}.audience-brand .brand-symbol{width:28px;height:28px;border-radius:8px;font-size:16px}.audience-brand b{color:#85aeff}.audience-status{border:1px solid #2a405c;border-radius:40px;padding:7px 11px;display:inline-flex;align-items:center;gap:10px;color:#adc2db;font-size:10px;font-weight:900;white-space:nowrap;letter-spacing:.09em}.audience-intro{text-align:center;position:relative;padding-bottom:24px}.audience-kicker{font-size:10px;letter-spacing:.21em;color:#61a8f7;font-weight:900;margin-bottom:10px}.audience-intro h2{font-size:clamp(22px,3.1vw,37px);font-weight:900;line-height:1.45;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 10px}.audience-intro p{font-size:12px;color:#9cafc9;margin:0;white-space:pre-wrap}.time-pill{display:inline-block;margin-top:12px;background:#263d5b;color:#d8e8ff;border-radius:30px;padding:7px 14px;font-size:11px}.board-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:10px;color:#8ca7c8;font-weight:800;letter-spacing:.04em}.board-section-head>div{display:flex;gap:7px;align-items:center}.audience-board-area{position:relative;background:#15253b;padding:17px;border:1px solid #2b3c55;border-radius:15px}.board-frame{width:100%}.board-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.start-zone,.board-progress{display:flex;align-items:center;gap:10px;min-height:26px}.board-caption{font-size:10px;letter-spacing:.1em;color:#8fa6c2;font-weight:900}.board-progress strong{font-size:13px;color:#bcd5f6}.board-progress small{font-size:10px;font-weight:500}.board-grid{display:grid;gap:5px}.board-cell{background:#223853;border:1px solid #3e5574;border-radius:8px;min-width:0;min-height:67px;padding:7px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:background .2s}.board-cell.occupied{background:#2b4769;border-color:#6586b9}.board-cell.goal-cell{background:#184a46;border-color:#2eb995}.cell-number{color:#8eaccf;font-size:10px;font-weight:900;letter-spacing:.03em}.goal-cell .cell-number{color:#5ff1c5}.token-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.board-token{display:inline-flex;align-items:center;justify-content:center;flex:none;width:21px;height:21px;border:2px solid #dceaff;border-radius:50%;box-shadow:0 2px 7px #0c152b72;color:#fff;font-weight:900;font-size:10px;animation:token-appear .25s ease both}@keyframes token-appear{0%{transform:scale(.6)}to{transform:scale(1)}}.empty-spot{color:#6e85a1;font-size:12px}.board-footnote{text-align:right;color:#6781a1;margin-top:10px;font-size:9px}.board-compact .board-topline .board-caption{color:#7b92b2}.panel .board-frame{background:#172840;border-radius:13px;padding:13px}.board-compact .board-cell{min-height:51px;padding:5px;border-radius:6px}.board-compact .board-grid{gap:3px}.board-compact .board-token{height:15px;width:15px;font-size:8px;border-width:1px}.board-compact .cell-number{font-size:8px}.audience-ranking{margin-top:22px;position:relative}.ranking-label{display:flex;gap:8px;align-items:center;font-weight:900;font-size:12px;margin-bottom:12px}.ranking-label svg{color:#ffc857}.ranking-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.ranking-item{display:flex;align-items:center;gap:7px;background:#1b2d45;border:1px solid #2c4260;border-radius:10px;padding:11px 10px;min-width:0}.standing-place{color:#90a8c7;font-size:12px;font-weight:900;min-width:16px}.place-1{color:#ffca68}.place-2{color:#c8daed}.place-3{color:#e9aa8b}.ranking-name{font-size:11px;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.ranking-item strong{font-size:14px;white-space:nowrap}.ranking-item strong small{font-size:9px;color:#7893b4}.ranking-item svg{flex:none}.audience-footer{position:relative;border-top:1px solid #293c56;margin-top:23px;padding-top:13px;display:flex;justify-content:space-between;gap:9px;font-size:9px;color:#6685a7;letter-spacing:.09em}.audience-footer span:first-child{display:flex;align-items:center;gap:5px}.result-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-bottom:17px}.result-card{background:#1d334d;border:1px solid #345273;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:7px}.result-rank{font-size:17px;font-weight:900;color:#f9cc76}.result-rank small{font-size:10px}.result-team{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.result-card>strong{font-size:15px}.result-card>strong small{font-size:9px;margin-left:5px}.winner-banner{display:flex;justify-content:center;align-items:center;gap:16px;background:linear-gradient(110deg,#3f3c22,#5c4e27,#383924);border:1px solid #937b40;border-radius:12px;margin:0 0 19px;padding:14px;color:#ffd375}.winner-banner>div{display:flex;flex-direction:column;align-items:center;gap:3px}.winner-banner span{font-size:9px;letter-spacing:.2em;font-weight:900}.winner-banner strong{font-size:20px;color:#fff}.display-window{min-height:100vh;background:#0e192b}.display-window .audience{border-radius:0;min-height:100vh;box-shadow:none;max-width:none;padding:3vw 4vw}.display-window .audience-header{margin-bottom:5vh}.display-window .audience-brand{font-size:clamp(11px,1.5vw,19px)}.display-window .audience-intro h2{font-size:clamp(30px,4vw,66px)}.display-window .audience-intro p{font-size:clamp(12px,1.5vw,23px)}.display-window .board-cell{min-height:clamp(70px,9vh,150px);border-radius:12px;padding:12px}.display-window .board-grid{gap:8px}.display-window .board-token{height:clamp(22px,2.3vw,41px);width:clamp(22px,2.3vw,41px);font-size:clamp(9px,1vw,19px)}.display-window .cell-number{font-size:clamp(11px,1vw,17px)}.display-window .ranking-item{min-height:55px}.display-window .ranking-name{font-size:clamp(11px,1.2vw,20px)}.display-window .ranking-item strong{font-size:clamp(14px,1.5vw,25px)}.waiting-display{background:#0e192b;color:#fff}@media(max-width:1350px){.play-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr)}.audience{padding:17px}.board-cell{min-height:56px;padding:5px}.ranking-items{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.welcome-art{right:2%;opacity:.65}}@media(max-width:1130px){.sidebar{width:205px}.topbar{padding:0 22px}.screen-container{padding:27px 22px}.play-screen{padding:25px 15px}.play-layout{grid-template-columns:1fr}.operator-panel{position:static}.audience-board-area{padding:14px}.audience .board-cell{min-height:64px}}@media(max-width:800px){.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform .2s;width:244px}.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;display:block;inset:0;z-index:25;background:#14203394;border:0}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;border:0;background:#edf2fb;border-radius:8px;padding:7px;font-size:18px;color:#243a60}.topbar{height:61px}.content{min-height:calc(100vh - 61px)}.two-column-settings,.challenge-layout{grid-template-columns:1fr}.page-heading{align-items:start}.welcome-art{display:none}.welcome-copy{padding:32px 27px}.home-info-grid{grid-template-columns:1fr}.play-toolbar{align-items:start;flex-direction:column}.toolbar-actions{justify-content:start}.mode-bar{flex-direction:column;align-items:start}.mode-actions{flex-wrap:wrap}}@media(max-width:530px){.topbar{padding:0 13px}.breadcrumbs{font-size:9px}.breadcrumbs svg{display:none}.topbar-right{gap:8px}.save-indicator{display:none}.screen-container{padding:22px 13px 36px}.page-heading{flex-direction:column}.panel{padding:17px}.setting-tabs{gap:3px}.setting-tabs button{padding:11px 9px;font-size:11px}.settings-bottom{flex-direction:column;align-items:stretch}.settings-bottom .btn{width:100%}.home-section-head{flex-direction:column;align-items:start}.welcome-copy h1{font-size:27px}.game-card-grid{grid-template-columns:1fr}.play-screen{padding:13px 8px 30px}.play-toolbar h1{font-size:22px}.audience{padding:12px}.audience-brand{font-size:9px}.audience-status{font-size:8px;padding:5px 7px}.audience-intro{padding-bottom:17px}.audience-intro h2{font-size:23px}.audience-board-area{padding:8px}.audience .board-grid{gap:3px}.audience .board-cell{min-height:50px;padding:3px;border-radius:4px}.audience .cell-number{font-size:8px}.audience .board-token{height:16px;width:16px;font-size:8px;border-width:1px}.ranking-items{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-item{padding:7px}.ranking-name{font-size:10px}.operator-content{padding:16px}.history-row{flex-wrap:wrap}.history-result{width:100%}.board-footnote{font-size:8px}.mode-actions{gap:4px}}