:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}button:focus{outline:none}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}#root{width:100%}.app{display:flex;justify-content:center;align-items:center;min-height:100vh}.screen{display:flex;flex-direction:column;align-items:center;gap:20px}.screen h1{font-size:2.5em;margin:0}.start-screen{max-width:700px;width:100%}.config-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.config-label{font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.config-label-sm{font-size:.8em;color:#aaa}.player-count-selector{display:flex;gap:6px}.count-btn{width:36px;height:36px;font-size:1em;font-weight:700;background:#2a2a2a;color:#aaa;border:2px solid #444;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.count-btn:hover{background:#3a3a3a;border-color:#666}.count-btn.count-active{background:#333;color:#fff;border-color:#888}.player-table{border-collapse:collapse;font-size:.9em;width:100%;max-width:500px}.player-table th{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:#666;padding:4px 10px;text-align:left}.player-table td{padding:6px 10px}.color-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #555;vertical-align:middle}.control-select{padding:4px 8px;font-size:.9em;background:#1e1e1e;color:#ccc;border:1px solid #444;border-radius:4px;cursor:pointer}.control-select:focus{outline:none;border-color:#777}.team-columns{display:flex;gap:32px;justify-content:center;width:100%}.team-column{flex:1;max-width:280px}.team-column-header{font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-bottom:6px;border-bottom:2px solid currentColor;margin-bottom:4px;text-align:center}.team-column .player-table{max-width:none}.settings-section{border-top:1px solid #333;padding-top:16px;margin-top:4px}.settings-grid{display:flex;flex-direction:column;gap:14px;width:100%;max-width:500px}.setting-row{display:flex;flex-direction:column;gap:6px}.inline-field{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.toggles-row{display:flex;flex-wrap:wrap;gap:16px 28px}.sub-option{margin-top:6px}.segmented-control{display:flex;border:2px solid #444;border-radius:8px;overflow:hidden}.segment-btn{flex:1;padding:8px 14px;font-size:.82em;background:#2a2a2a;color:#888;border:none;border-right:1px solid #444;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.segment-btn:last-child{border-right:none}.segment-btn:hover{background:#3a3a3a;color:#bbb}.segment-btn.segment-active{background:#444;color:#fff}.segmented-control:has(.segment-btn-themed){border:none;gap:6px;background:transparent;border-radius:0;overflow:visible}.segment-btn-themed{--frame-h: 3.1em;height:var(--frame-h);border-style:solid;border-width:0;border-image-source:var(--segment-normal-url);border-image-slice:40 fill;border-image-width:calc(var(--frame-h) * 40 / 599);background-color:transparent;color:#3a2614;font-weight:600;font-size:1.05em;padding:16px 40px;flex:0 0 auto;transition:transform .15s,filter .15s;border-radius:4px}.segment-btn-themed:last-child{border-right:none}.segment-btn-themed:hover{background-color:transparent;transform:scale(1.02);color:#2c1810}.segment-btn-themed.segment-active{background-color:transparent;border-image-source:var(--segment-selected-url);border-image-width:calc(var(--frame-h) * 40 / 591);color:#d4c4a0;font-weight:800;filter:brightness(1.05)}.toggle-control{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-label{font-size:.82em;color:#ccc}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#444;border-radius:10px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:#4a7a4a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background:#fff}.toggle-switch-themed{width:80px;height:36px}.toggle-switch-themed .toggle-track{--frame-h: 25.2px;position:absolute;inset:15% 7px;border-style:solid;border-width:0;border-image-slice:40 fill;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.toggle-switch-themed .toggle-track-off{border-image-source:var(--segment-normal-url);border-image-width:calc(var(--frame-h) * 40 / 599);opacity:1}.toggle-switch-themed .toggle-track-on{border-image-source:var(--segment-selected-url);border-image-width:calc(var(--frame-h) * 40 / 591)}.toggle-switch-themed .toggle-roll{position:absolute;top:0;width:14px;height:100%;background-size:100% 100%;background-repeat:no-repeat;z-index:2;pointer-events:none}.toggle-switch-themed .toggle-roll-left{left:0}.toggle-switch-themed .toggle-roll-right{right:0;transform:scaleX(-1)}.toggle-switch-themed .toggle-slider{background:transparent;border-radius:0;z-index:1}.toggle-switch-themed .toggle-slider:before{display:none}.toggle-switch-themed .toggle-thumb{position:absolute;width:30px;height:30px;left:8px;top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.toggle-switch-themed .toggle-thumb-off{opacity:1}.toggle-switch-themed .toggle-thumb-on{opacity:0}.toggle-switch-themed input:checked+.toggle-slider{background:transparent}.toggle-switch-themed.toggle-switch-on .toggle-thumb{transform:translateY(-50%) translate(34px)}.toggle-switch-themed.toggle-switch-on .toggle-thumb-off{opacity:0}.toggle-switch-themed.toggle-switch-on .toggle-thumb-on{opacity:1}.toggle-switch-themed.toggle-switch-on .toggle-track-off{opacity:0}.toggle-switch-themed.toggle-switch-on .toggle-track-on{opacity:1}.start-btn{padding:12px 32px;font-size:1.2em;background:#333;color:#fff;border:2px solid #555;border-radius:8px;cursor:pointer;transition:background .2s}.start-btn:hover{background:#444;border-color:#777}.game-container{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;gap:10px 16px;width:100%;height:calc(100vh - 32px);overflow:hidden}.canvas-toolbar{display:flex;flex-direction:row;align-items:center;gap:8px;grid-column:1 / -1;justify-self:stretch;justify-content:flex-end;position:relative}.toolbar-timer{position:absolute;left:50%;transform:translate(-50%);font-size:1.4em;font-weight:700;color:#fc0;pointer-events:none}.toolbar-timer-elapsed{color:#8cf}.toolbar-btn{padding:10px 0;font-size:.9em;background:#2a2a1e;color:#cc0;border:2px solid #554400;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.toolbar-btn:hover{background:#3a3a1e;border-color:#860}.toolbar-btn:disabled{opacity:.4;cursor:default}.toolbar-btn-active{background:#3a3a1e;border-color:#cc0}.canvas-toolbar .toolbar-btn{padding:6px 14px}.score-panel{display:flex;flex-direction:column;width:120px;color:#ccc;max-height:calc(100vh - 80px);overflow-y:auto;padding-right:4px}.score-panel::-webkit-scrollbar{width:4px}.score-panel::-webkit-scrollbar-track{background:transparent}.score-panel::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.score-panel-content{display:flex;flex-direction:column;gap:12px}.score-timer{font-size:1.2em;font-weight:700;color:#fc0;text-align:center}.individual-scores{display:flex;flex-direction:column;gap:6px}.score-entry{font-size:.95em;font-weight:700}.team-scores{display:flex;flex-direction:column;gap:14px}.team-group{display:flex;flex-direction:column;gap:4px}.team-header{font-size:.9em;font-weight:700;border-bottom:1px solid #333;padding-bottom:3px}.team-player-score{font-size:.82em;font-weight:600;padding-left:8px}.canvas-wrapper{position:relative;overflow:hidden;min-height:0;height:100%}.game-canvas{border:2px solid #444}.ready-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;padding-bottom:48px;z-index:5;pointer-events:none}.ready-btn{padding:14px 48px;font-size:1.3em;font-weight:700;background:#283c28e6;color:#4caf50;border:2px solid #4caf50;border-radius:10px;cursor:pointer;pointer-events:auto;transition:background .2s,transform .1s;letter-spacing:.05em}.ready-btn:hover{background:#3c5a3cf2;transform:scale(1.05)}.pause-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:6;pointer-events:none}.pause-overlay .pause-card{width:auto;min-width:300px;max-width:380px}.countdown-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#16131159;z-index:8;pointer-events:none}.countdown-number{font-family:Newsreader,Georgia,serif;font-size:clamp(5rem,22vh,14rem);font-weight:800;line-height:1;background:linear-gradient(180deg,#f5e6a3,#d4a844,#c5923c,#a67828,#8b6320,#6b4a18);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px rgba(107,74,24,.3);filter:drop-shadow(0 2px 0 rgba(245,230,163,.4)) drop-shadow(0 4px 3px rgba(80,45,10,.7)) drop-shadow(0 0 28px rgba(233,195,73,.55));animation:countdownPop 1s ease-out both}@keyframes countdownPop{0%{opacity:0;transform:scale(1.6)}20%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.countdown-go{font-size:clamp(4rem,16vh,11rem);letter-spacing:.02em;animation:countdownGo .7s ease-out both}@keyframes countdownGo{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.18)}60%{transform:scale(1)}to{opacity:1;transform:scale(1)}}.connecting-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#161311b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50}.connecting-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 48px;text-align:center}.connecting-spinner{width:56px;height:56px;border-radius:50%;border:5px solid rgba(213,168,68,.22);border-top-color:#d4a844;animation:connectingSpin .9s linear infinite}@keyframes connectingSpin{to{transform:rotate(360deg)}}.connecting-title{font-family:Newsreader,Georgia,serif;font-size:1.9rem;font-weight:700;line-height:1.1;background:linear-gradient(180deg,#f5e6a3,#d4a844 45%,#a67828);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(80,45,10,.6))}.connecting-sub{font-size:.95rem;color:#cbb790;max-width:320px;line-height:1.45}.connecting-dismiss{margin-top:8px;padding:10px 32px;font-size:1rem;font-weight:700;background:#281e14e6;color:#d4a844;border:2px solid #A67828;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.connecting-dismiss:hover{background:#3c2d19f2;transform:scale(1.04)}.toolbar-phase{font-size:.85em;font-weight:700;text-transform:capitalize;color:#aaa;letter-spacing:.06em;padding:2px 10px;border:1px solid #555;border-radius:6px;background:#32323299}.configure-panel{display:flex;flex-direction:column;gap:8px}.configure-panel-inline{flex-direction:row;align-items:center}.configure-swatches{display:flex;gap:6px}.swatch-btn{flex:1;padding:7px 0;font-size:.8em;font-weight:700;background:#1e1e1e;color:var(--swatch-color);border:2px solid var(--swatch-color);border-radius:6px;cursor:pointer;opacity:.5;transition:opacity .15s}.swatch-btn:hover{opacity:.8}.swatch-btn.swatch-active{opacity:1;background:color-mix(in srgb,var(--swatch-color) 20%,#1e1e1e)}.configure-done-btn{margin-top:2px}.configure-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:20}.configure-modal-card{display:flex;flex-direction:column;max-width:480px;width:90%;max-height:85vh;background:#1e1e1ef7;border:2px solid #555;border-radius:12px;overflow:hidden}.quit-modal-card{background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;border:none}.quit-modal-card .modal-header{border-bottom:none}.quit-modal-card .modal-header h2,.quit-modal-card .confirm-text{color:#2c1810}.quit-modal-card .modal-footer{border-top:none}.quit-modal-btn{--frame-h: 2.3em;height:var(--frame-h);padding:0 28px;font-size:.9em;font-weight:800;color:#2c1810;background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--send-btn-url);border-image-slice:70 fill;border-image-width:calc(var(--frame-h) * 70 / 218);cursor:pointer;transition:transform .15s}.quit-modal-btn:hover{transform:scale(1.05)}.quit-modal-btn-danger{color:#9b1c1c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #444}.modal-header h2{margin:0;font-size:1.2em}.modal-close-btn{background:none;border:none;color:#aaa;font-size:1.5em;cursor:pointer;padding:0 4px;line-height:1}.modal-close-btn:hover{color:#fff}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px;overflow-y:auto}.modal-row{display:flex;flex-direction:column;gap:6px}.modal-label{font-size:.8em;color:#aaa;text-transform:uppercase;letter-spacing:.04em}.modal-toggles{display:flex;flex-direction:column;gap:12px}.ai-toggles,.ai-controls{display:flex;flex-direction:column;gap:8px}.ai-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-label{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:#fff}.slider-row{display:flex;align-items:center;gap:10px}.size-slider{flex:1;cursor:pointer;-webkit-appearance:none;appearance:none;height:14px;border-radius:7px;outline:none;background:linear-gradient(to right,#3a2614 0%,#3a2614 var(--fill, 50%),#8B7355 var(--fill, 50%),#8B7355 100%)}.size-slider::-webkit-slider-runnable-track{height:14px;background:transparent;border-radius:7px}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;background:url(/assets/switch-apple-CEkNBAPW.webp) no-repeat center;background-size:contain;border:none;cursor:pointer;margin-top:-10px}.size-slider::-moz-range-track{height:14px;background:#8b7355;border-radius:7px;border:none}.size-slider::-moz-range-progress{background:#3a2614;height:14px;border-radius:7px 0 0 7px}.size-slider::-moz-range-thumb{width:32px;height:32px;background:url(/assets/switch-apple-CEkNBAPW.webp) no-repeat center;background-size:contain;border:none;border-radius:0;cursor:pointer}.panel-value{font-size:1.1em;font-weight:700;color:#3a2614;width:36px;text-align:right}.ratio-input{width:80px;padding:6px 8px;font-size:.95em;background:#1e1e1e;color:#ccc;border:1px solid #444;border-radius:6px;text-align:center;box-sizing:border-box}.ratio-input:focus{outline:none;border-color:#777}.gameover-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#161311d1;z-index:10}.gameover-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:580px;min-height:650px;max-height:90vh;overflow-y:auto;padding:90px 70px 70px;background-size:100% 100%;background-repeat:no-repeat;gap:14px}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparklePop{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}}.gameover-crown-area{position:relative;display:flex;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:-8px}.gameover-crown{width:100px;height:auto;display:block;animation:crownBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(80,30,0,.45));pointer-events:none}.gameover-winner-icon{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid rgba(233,195,73,.5);margin-top:-14px;margin-bottom:4px}.gameover-winner-icons-team{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:-14px;margin-bottom:4px}.gameover-winner-icon-team{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(233,195,73,.5)}.gameover-sparkle{position:absolute;color:#b8720a;font-size:1.3em;text-shadow:0 0 6px rgba(255,200,50,.9),0 1px 3px rgba(80,30,0,.5);animation:sparklePop 1.5s ease-in-out infinite;pointer-events:none;line-height:1}.gameover-scoreboard{width:100%}.gameover-scoreboard-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;width:100%}.gameover-scoreboard-teams{display:flex;gap:16px;justify-content:center}.gameover-team-col{flex:1;text-align:center}.gameover-team-header{font-family:Newsreader,serif;font-size:1.35em;font-weight:700;margin-bottom:4px}.gameover-score-row{font-family:Newsreader,serif;font-size:1.35em;font-weight:600;text-align:center;padding:1px 0}.gameover-score-dead{opacity:.4}.gameover-divider{width:70%;height:1px;background:#e9c34959;margin:6px 0}.gameover-result{font-family:Newsreader,serif;font-size:2.2em;font-weight:600;color:#3a2010;text-align:center;margin:0;line-height:1.3}.gameover-reason{font-family:Newsreader,serif;font-style:italic;font-size:.95em;color:#5a3a18;text-align:center;margin:0;line-height:1.5}.gameover-actions{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap;justify-content:center}.gameover-actions .live-btn{flex:1;min-width:110px}.gameover-stamp{position:absolute;bottom:16px;right:18px;width:80px;height:auto;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;z-index:2}.gameover-audio-hint{font-size:12px;opacity:.6;margin:0;color:#bfcaba;font-family:Space Grotesk,sans-serif}.gameover-dl-btn{font-size:.85em}.recording-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.recording-video{max-width:100%;max-height:200px;border-radius:4px}.home-screen{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625em;width:min(580px,calc(100vw - 24px));aspect-ratio:600 / 777;background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:5.625em 4.375em 4.375em;font-size:clamp(10px,2.75vw,16px)}.home-title{font-family:Newsreader,Georgia,serif;font-size:3.4em;font-weight:800;margin:0;background:linear-gradient(180deg,#f5e6a3,#d4a844,#c5923c,#a67828,#8b6320,#6b4a18);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px rgba(107,74,24,.3);text-shadow:none;letter-spacing:-.01em;filter:drop-shadow(0 1px 0 rgba(245,230,163,.4)) drop-shadow(0 3px 1px rgba(80,45,10,.7)) drop-shadow(0 5px 8px rgba(60,35,5,.3))}.home-subtitle{margin:-8px 0 0;font-family:Space Grotesk,system-ui,sans-serif;font-size:.78em;font-weight:600;color:#6b5530;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px rgba(255,245,220,.3)}.home-actions{display:flex;flex-direction:column;align-items:stretch;gap:.875em;width:100%}.home-btn{padding:0;border:none;border-radius:0;cursor:pointer;transition:transform .15s ease,filter .15s ease;background-color:transparent;letter-spacing:.06em}.home-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.home-btn:active{transform:translateY(0);filter:brightness(.95)}.home-btn-primary,.home-btn-tutorial{--frame-h: 4.4em;height:var(--frame-h);border-style:solid;border-width:0;border-image-source:var(--stone-btn-url);border-image-slice:105 160 100 160 fill;border-image-width:calc(var(--frame-h) * 105 / 219) calc(var(--frame-h) * 160 / 219) calc(var(--frame-h) * 100 / 219) calc(var(--frame-h) * 160 / 219);background-color:transparent;align-self:stretch;padding:0 32px;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.25em;font-weight:800;color:#3e2c14;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;justify-content:center}.home-join{--frame-h: 5.5em;display:flex;align-items:center;align-self:stretch;height:var(--frame-h);border-style:solid;border-width:0;border-image-source:var(--wood-btn-url);border-image-slice:55 65 55 50 fill;border-image-width:calc(var(--frame-h) * 55 / 184) calc(var(--frame-h) * 65 / 184) calc(var(--frame-h) * 55 / 184) calc(var(--frame-h) * 50 / 184);padding:0 28px 0 32px;gap:8px}.home-join-input{flex:1;height:60%;padding:0 12px;font-family:Space Grotesk,system-ui,sans-serif;font-size:1em;font-weight:600;text-align:center;letter-spacing:.15em;text-transform:uppercase;background:#100e0c80;color:#e9c349;border:1px solid rgba(64,73,61,.15);border-radius:4px;outline:none;transition:border-color .2s}.home-join-input::placeholder{color:#e9c34966;letter-spacing:.05em;text-transform:none;font-weight:400}.home-join-input:focus{border-color:#8a948566}.home-btn-join{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.05em;font-weight:700;color:#e9c349;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:none;padding:10px 20px;cursor:pointer;transition:color .15s}.home-btn-join:hover{color:#ffd86b;transform:none;filter:none}.home-error{font-family:Space Grotesk,system-ui,sans-serif;font-size:.82em;color:#e57373}.home-live{width:100%;margin-top:4px;padding-bottom:4px}.home-live-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-family:Newsreader,Georgia,serif;font-size:.95em;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#5c4a2a;border-bottom:none;padding-bottom:0}.home-sword{height:18px;width:auto;opacity:.85}.home-sword-right{transform:scaleX(-1)}.home-live-list{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(92,74,42,.4) transparent}.home-live-list::-webkit-scrollbar{width:6px}.home-live-list::-webkit-scrollbar-track{background:transparent}.home-live-list::-webkit-scrollbar-thumb{background:#5c4a2a66;border-radius:3px}.home-live-list::-webkit-scrollbar-thumb:hover{background:#5c4a2a99}.home-live-entry{display:flex;align-items:center;gap:14px;padding:4px 12px;border-radius:6px;transition:background .15s;background:transparent;border:none}.home-live-entry:hover{background:#5c4a2a1a}.home-live-players{background-size:contain;background-repeat:no-repeat;background-position:center;width:90px;height:36px;display:flex;align-items:center;justify-content:center;padding-left:34px;font-family:Space Grotesk,system-ui,sans-serif;font-size:.9em;font-weight:700;color:#3e2c14}.home-live-type{font-family:Space Grotesk,system-ui,sans-serif;font-size:.8em;font-weight:700;color:#5c4a2a;background:#5c4a2a1f;padding:3px 12px;border-radius:10px;letter-spacing:.06em;flex-shrink:0}.home-live-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.home-live-status-live{background:#4caf50;box-shadow:0 0 6px #4caf5080}.home-live-status-waiting{background:#e9c349;box-shadow:0 0 6px #e9c34980}.home-btn-spectate{--frame-h: 2.4em;height:var(--frame-h);border-style:solid;border-width:0;border-image-source:var(--wood-btn-url);border-image-slice:55 65 55 50 fill;border-image-width:calc(var(--frame-h) * 55 / 184) calc(var(--frame-h) * 65 / 184) calc(var(--frame-h) * 55 / 184) calc(var(--frame-h) * 50 / 184);background-color:transparent;font-family:Space Grotesk,system-ui,sans-serif;font-size:.8em;font-weight:700;color:#e9c349;text-transform:uppercase;letter-spacing:.06em;padding:0 18px;min-width:80px;margin-left:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.home-btn-spectate:hover{transform:translateY(-1px);filter:brightness(1.1)}.lobby-screen{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;max-height:100vh;overflow:hidden}.lobby-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.lobby-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:12px 24px;flex-shrink:0}.lobby-room-info{display:flex;align-items:center;justify-content:center}.lobby-room-id-btn{--frame-h: 6.25vw;display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--room-id-url);border-image-slice:80 150 80 150 fill;border-image-width:calc(var(--frame-h) * 80 / 480) calc(var(--frame-h) * 150 / 480) calc(var(--frame-h) * 80 / 480) calc(var(--frame-h) * 150 / 480);color:#2c1810;font-family:Space Grotesk,system-ui;font-size:1vw;font-weight:700;letter-spacing:.1em;width:21vw;height:var(--frame-h);padding:0 calc(var(--frame-h) * 150 / 480);cursor:pointer;transition:transform .15s}.lobby-room-id-btn:hover{transform:scale(1.02)}.lobby-room-id-label{text-transform:uppercase;font-size:1.1vw;letter-spacing:.12em}.lobby-room-id-text{font-size:1.1vw;letter-spacing:.18em}.lobby-copy-hint{font-size:.55vw;font-weight:400;color:#5a4030;letter-spacing:.02em}.lobby-copy-hint-group{display:flex;flex-direction:column;align-items:center}.lobby-copy-hint-img{height:3.5vw;width:auto;object-fit:contain}.lobby-start-btn{position:absolute;right:24px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;color:#d4c4a0;font-size:1.1vw;font-weight:700;width:18vw;aspect-ratio:1475 / 610;padding:0 0 0 4vw;display:flex;align-items:center;justify-content:center;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.05em;transition:opacity .2s,transform .15s;z-index:1}.lobby-start-btn:hover:not(:disabled){transform:scale(1.05)}.lobby-start-btn:disabled{opacity:1;cursor:not-allowed}.lobby-leave-btn{--frame-h: 2.5vw;position:absolute;left:24px;top:50%;transform:translateY(-50%);height:var(--frame-h);background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--send-btn-url);border-image-slice:70 fill;border-image-width:calc(var(--frame-h) * 70 / 218);color:#3e2c14;font-family:Space Grotesk,system-ui,sans-serif;font-weight:800;font-size:.9vw;text-transform:uppercase;letter-spacing:.08em;padding:.7vw 1.6vw;cursor:pointer;transition:filter .15s ease,transform .15s ease;z-index:2}.lobby-leave-btn:hover{filter:brightness(1.08);transform:translateY(-50%) scale(1.04)}.lobby-leave-btn:active{filter:brightness(.95);transform:translateY(-50%) scale(.98)}.lobby-body{position:relative;z-index:1;display:flex;gap:20px;flex:1;padding:6px 24px 20px;overflow:hidden}.lobby-sidebar{width:28%;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;background-size:100% 100%;background-repeat:no-repeat;padding:28px 30px}.lobby-sidebar::-webkit-scrollbar{width:4px}.lobby-sidebar::-webkit-scrollbar-track{background:transparent}.lobby-sidebar::-webkit-scrollbar-thumb{background:#8b7355;border-radius:2px}.lobby-sidebar-section{display:flex;flex-direction:column;gap:8px}.lobby-section-title{font-size:1.3em;text-transform:uppercase;letter-spacing:.1em;color:#3a2614;font-weight:700;padding-bottom:5px;border-bottom:2px solid #c4a87a}.lobby-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:40px 50px;background-size:100% 100%;background-repeat:no-repeat}.lobby-main>*{position:relative;z-index:1}.lobby-main::-webkit-scrollbar{width:4px}.lobby-main::-webkit-scrollbar-thumb{background:#8b7355;border-radius:2px}.lobby-chat-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.lobby-chat-bg{flex:1;min-height:0;position:relative}.lobby-chat-messages{position:absolute;inset:24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.lobby-chat-messages::-webkit-scrollbar{width:4px}.lobby-chat-messages::-webkit-scrollbar-track{background:transparent}.lobby-chat-messages::-webkit-scrollbar-thumb{background:#8b7355;border-radius:2px}.lobby-chat-message{font-size:.82em;line-height:1.45;color:#3a2614;word-break:break-word}.lobby-chat-message .chat-sender{font-weight:700;color:#5a3a1a}.lobby-chat-message.chat-message-own .chat-sender{color:#2d6b2d}.lobby-chat-empty{font-size:.8em;color:#8b7355;font-style:italic;text-align:center;margin:auto}.lobby-chat-input-row{--frame-h: 39px;display:flex;gap:6px;align-items:stretch;flex-shrink:0}.lobby-chat-input{flex:1;min-width:0;height:var(--frame-h);background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--text-input-url);border-image-slice:22 50 22 50 fill;border-image-width:calc(var(--frame-h) * 22 / 216) calc(var(--frame-h) * 50 / 216) calc(var(--frame-h) * 22 / 216) calc(var(--frame-h) * 50 / 216);color:#2c1810;font-size:.82em;padding:12px 14px;outline:none;box-sizing:border-box}.lobby-chat-input::placeholder{color:#8b7355}.lobby-chat-send-wrap{flex-shrink:0}.lobby-chat-send-btn{padding:0 18px;font-size:.9em;background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--send-btn-url);border-image-slice:70 fill;border-image-width:calc(var(--frame-h) * 70 / 218);color:#2c1810;cursor:pointer;font-weight:800;transition:transform .15s;white-space:nowrap;height:var(--frame-h);box-sizing:border-box}.lobby-chat-send-btn:hover{transform:scale(1.05)}.sc-card{background:transparent;border:none;border-radius:0;padding:0}.sc-card:hover{border-color:transparent}.sc-title{font-size:1.3em;text-transform:uppercase;letter-spacing:.12em;color:#3a2614;margin-bottom:20px;font-weight:800}.sc-body{display:flex;flex-direction:column;gap:16px}.kb-controls{display:flex;flex-direction:column;gap:18px}.kb-row{display:flex;align-items:center;gap:18px}.kb-action{flex:0 0 120px;font-size:1.05em;color:#3a2614;font-weight:600}.kb-segmented{display:flex}.kb-key-btn{--frame-h: 3.15em;flex:0 0 150px;height:var(--frame-h);padding:14px 16px;font:inherit;font-size:1.05em;font-weight:700;color:#3a2614;background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--segment-normal-url);border-image-slice:40 fill;border-image-width:calc(var(--frame-h) * 40 / 599);border-radius:4px;cursor:pointer;text-align:center;transition:transform .15s,filter .15s}.kb-key-btn:hover{transform:scale(1.03);color:#2c1810}.kb-key-btn.kb-listening{border-image-source:var(--segment-selected-url);border-image-width:calc(var(--frame-h) * 40 / 591);color:#d4c4a0;font-weight:800;filter:brightness(1.05)}.kb-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px;padding-top:10px;border-top:1px dashed rgba(139,115,85,.5)}.kb-warning{margin-right:auto;color:#a3311f;font-size:.85em;font-weight:700}.kb-reset-btn{--frame-h: 2.9em;height:var(--frame-h);padding:10px 22px;font:inherit;font-size:.9em;font-weight:600;color:#3a2614;background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--segment-normal-url);border-image-slice:40 fill;border-image-width:calc(var(--frame-h) * 40 / 599);border-radius:4px;cursor:pointer;transition:transform .15s,filter .15s}.kb-reset-btn:hover{transform:scale(1.03);color:#2c1810}.gc-root{display:flex;flex-direction:column;gap:16px}.gc-row{display:flex;flex-direction:column;gap:8px}.gc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}.gc-divider{border:none;border-top:1px dashed rgba(139,115,85,.5);margin:4px 0}.gc-label{font-size:1.05em;color:#3a2614;font-weight:600}.gc-host-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#8b735526;border:1px dashed #c4a87a;border-radius:8px;color:#5a3a1a;font-size:.9em;margin-bottom:4px}.gc-host-icon{font-size:1.2em;color:#8b7355}.gc-summary{display:flex;flex-direction:column;gap:12px}.gc-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.gc-pill{display:inline-block;padding:5px 14px;background:#3a26141a;border:1px solid #c4a87a;border-radius:14px;font-size:.95em;font-weight:700;color:#3a2614;letter-spacing:.03em;white-space:nowrap}.gc-number-input{width:90px;padding:8px 10px;font-size:.95em;background:#d4c4a080;color:#2c1810;border:1px solid #c4a87a;border-radius:8px;text-align:center;outline:none;transition:border-color .2s}.gc-number-input:focus{border-color:#8b7355}.gc-toggles{display:flex;flex-direction:column;gap:10px}.gc-ornament-divider{height:2px;margin:12px 0;background:linear-gradient(90deg,transparent 0%,#c4a87a 15%,#8B7355 50%,#c4a87a 85%,transparent 100%);position:relative}.gc-ornament-divider:before{content:"❦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d4c4a0;padding:0 8px;color:#5a3a1a;font-size:.9em}.lobby-nickname-section{display:flex;flex-direction:column;gap:10px}.lobby-nickname-title{font-size:1.3em;text-transform:uppercase;letter-spacing:.12em;color:#3a2614;font-weight:800}.lobby-nickname-row{display:flex;gap:8px;align-items:center}.lobby-join-btn{padding:8px 14px;font-size:.85em;font-weight:700;background:#4a8a4a33;color:#2d6b2d;border:2px solid #4a8a4a;border-radius:8px;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap;flex-shrink:0}.lobby-join-btn:hover:not(:disabled){background:#4a8a4a59}.lobby-join-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-join-actions{display:flex;gap:6px;flex-shrink:0}.lobby-join-team-btn{padding:7px 12px;font-size:.8em;font-weight:700;border:2px solid;border-radius:8px;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.lobby-join-team-1{background:#2fa36b26;color:#258155;border-color:#2fa36b}.lobby-join-team-1:hover{background:#2fa36b4d}.lobby-join-team-2{background:#7b68ee26;color:#6555c3;border-color:#7b68ee}.lobby-join-team-2:hover{background:#7b68ee4d}.ls-nickname-input{--frame-h: 2.2em;width:240px;height:var(--frame-h);padding:8px 12px;font-size:.9em;background-color:transparent;color:#2c1810;border-style:solid;border-width:0;border-image-source:var(--text-input-url);border-image-slice:22 50 22 50 fill;border-image-width:calc(var(--frame-h) * 22 / 216) calc(var(--frame-h) * 50 / 216) calc(var(--frame-h) * 22 / 216) calc(var(--frame-h) * 50 / 216);outline:none;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none}.ls-nickname-input::placeholder{color:#8b7355}.ls-ready-btn{padding:8px 18px;font-size:.85em;font-weight:700;background:#8b735533;color:#5a3a1a;border:2px solid #8B7355;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.ls-ready-btn:hover{border-color:#6a5335;background:#8b73554d}.ls-ready-btn.ls-ready-active{background:#4a8a4a40;color:#2d6b2d;border-color:#4a8a4a}.lobby-ready-hint{font-size:.72em;font-style:italic;color:#8b7355;letter-spacing:.02em;margin-top:-4px}.pl-list{display:flex;flex-direction:column;gap:3px}.pl-entry{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#8b73551a;border:1px solid transparent;border-radius:6px;transition:border-color .15s}.pl-entry:hover{border-color:#c4a87a}.pl-color{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(0,0,0,.2)}.pl-name{font-weight:700;font-size:.88em;flex:1}.pl-badge{font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:4px}.pl-badge-admin{color:#8b4513;background:#8b451326;border:1px solid rgba(139,69,19,.3)}.pl-badge-bot{color:#5a7a5a;background:#5a7a5a26}.pl-badge-waiting{color:#8b7355;background:#8b73551a}.pl-ready-dot{width:8px;height:8px;border-radius:50%;background:#4a8a4a;flex-shrink:0}.pl-remove{background:none;border:none;color:#8b7355;font-size:1.2em;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.pl-remove:hover{color:#a03030}.lobby-section-title-row{display:flex;align-items:center;justify-content:space-between}.add-bot-wrapper{position:relative}.add-bot-btn{--frame-h: 40px;height:var(--frame-h);background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--add-bot-url);border-image-slice:250 500 260 500 fill;border-image-width:calc(var(--frame-h) * 250 / 1248) calc(var(--frame-h) * 500 / 1248) calc(var(--frame-h) * 260 / 1248) calc(var(--frame-h) * 500 / 1248);cursor:pointer;color:#3a2614;font-size:14px;font-weight:700;padding:12px 32px;white-space:nowrap;text-transform:none;letter-spacing:0;transition:filter .15s}.add-bot-btn:hover{filter:brightness(.95)}.add-bot-caret{font-size:1.1em;margin-left:4px}.add-bot-dropdown{position:absolute;top:100%;right:0;z-index:20;display:flex;flex-direction:column;gap:4px;padding:10px;min-width:120px;background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 4px 16px #00000040}.add-bot-option{--frame-h: 2.4em;height:var(--frame-h);background-color:transparent;border-style:solid;border-width:0;border-image-source:var(--segment-normal-url);border-image-slice:40 fill;border-image-width:calc(var(--frame-h) * 40 / 599);cursor:pointer;color:#3a2614;font-size:.8em;font-weight:600;padding:8px 16px;text-align:center;transition:filter .15s,color .15s}.add-bot-option:hover{border-image-source:var(--segment-selected-url);border-image-width:calc(var(--frame-h) * 40 / 591);color:#d4c4a0;font-weight:800;filter:brightness(1.05)}.pl-empty{font-size:.85em;color:#8b7355;padding:12px;text-align:center}.pl-list-teams{display:flex;flex-direction:column;gap:6px}.pl-team-group{background:#8b735514;border-radius:6px;padding:6px 8px}.pl-team-header{font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 4px 5px;border-bottom:1px solid #c4a87a;margin-bottom:4px}.pl-empty-team{font-size:.8em;color:#8b7355;padding:6px 4px;font-style:italic}.pl-swap{background:none;border:1px solid #c4a87a;color:#5a3a1a;font-size:.85em;cursor:pointer;padding:1px 5px;border-radius:3px;margin-left:auto;line-height:1}.pl-swap:hover{color:#2c1810;border-color:#8b7355;background:#8b735526}.pl-demote{background:none;border:1px solid #c4a87a;color:#8b7355;font-size:.9em;cursor:pointer;padding:1px 5px;border-radius:3px;line-height:1;transition:color .15s,border-color .15s}.pl-demote:hover{color:#a06030;border-color:#a06030}.pl-entry-self{border-color:#c4a87a;background:#8b73552e}.pl-entry-spectator{opacity:.8}.pl-spectator-section{margin-top:8px;padding-top:6px;border-top:1px solid #c4a87a}.pl-spectator-header{font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5a3a1a;padding:4px 4px 5px}.pl-empty-spectators{font-size:.8em;color:#8b7355;padding:6px 4px;font-style:italic}.pl-join-btn{padding:3px 10px;font-size:.75em;font-weight:700;background:#4a8a4a26;color:#2d6b2d;border:1px solid rgba(74,138,74,.4);border-radius:4px;cursor:pointer;margin-left:auto;transition:background .15s,border-color .15s;white-space:nowrap}.pl-join-btn:hover{background:#4a8a4a4d;border-color:#4a8a4a99}.pl-join-actions{display:flex;gap:4px;margin-left:auto}.pl-join-team-btn{padding:2px 8px;font-size:.7em;font-weight:700;border:1px solid;border-radius:4px;cursor:pointer;transition:background .15s}.pl-join-team-1{background:#2fa36b1f;color:#258155;border-color:#2fa36b66}.pl-join-team-1:hover{background:#2fa36b40}.pl-join-team-2{background:#7b68ee1f;color:#6555c3;border-color:#7b68ee66}.pl-join-team-2:hover{background:#7b68ee40}.control-select{background:#d4c4a099;color:#3a2614;border:1px solid #c4a87a;border-radius:4px;padding:4px 8px;font-size:.82em;font-weight:600;cursor:pointer}.lobby-sidebar .toggle-label,.lobby-main .toggle-label{color:#3a2614;font-weight:600}.lobby-main .toggle-label{font-size:1.05em}.lobby-main .toggle-control{gap:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #333}.modal-cancel-btn{padding:8px 20px;font-size:.9em;background:#2a2a2a;color:#aaa;border:1px solid #444;border-radius:8px;cursor:pointer;transition:background .15s}.modal-cancel-btn:hover{background:#3a3a3a}.modal-apply-btn{padding:8px 24px;font-size:.9em;font-weight:600;background:linear-gradient(135deg,#2a5a2a,#1a3a1a);color:#4caf50;border:2px solid #4caf50;border-radius:8px;cursor:pointer;transition:opacity .2s}.modal-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#356835,#244a24)}.modal-apply-btn:disabled{opacity:.35;cursor:not-allowed}.modal-danger-btn{padding:8px 24px;font-size:.9em;font-weight:600;background:linear-gradient(135deg,#6a2020,#3a1010);color:#ff6b6b;border:2px solid #d64545;border-radius:8px;cursor:pointer;transition:background .2s}.modal-danger-btn:hover{background:linear-gradient(135deg,#7d2828,#491414)}.confirm-text{margin:0;color:#ddd;line-height:1.5;font-size:.98em}.tutorial-wrapper{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.tutorial-body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.tutorial-canvas-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;flex:1;padding:48px 0 96px}.tutorial-canvas-inner{position:relative;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.tutorial-canvas-frame{position:relative;aspect-ratio:1660 / 960;max-width:100%;max-height:100%}.tutorial-canvas{display:block;max-width:100%;max-height:100%;border:6px solid transparent;background:linear-gradient(#1a1a2e,#1a1a2e) padding-box,linear-gradient(135deg,#a0836a,#6b5040,#c9a97a,#8b6840,#a0836a) border-box;border-radius:4px;box-shadow:0 0 0 1px #000c,0 4px 20px #0009}.tutorial-scroll-wrapper{position:absolute;top:20px;right:20px;bottom:30px;z-index:5;filter:drop-shadow(0 4px 60px rgba(0,0,0,.9))}.tutorial-scroll{position:relative;display:flex;flex-direction:column;gap:14px;padding:140px 90px 100px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow-y:auto;height:100%;aspect-ratio:600 / 777;color:#3e2c14}.tutorial-scroll::-webkit-scrollbar{width:6px}.tutorial-scroll::-webkit-scrollbar-track{background:transparent}.tutorial-scroll::-webkit-scrollbar-thumb{background:#5c4a2a66;border-radius:3px}.tutorial-step-title{font-family:UnifrakturMaguntia,Newsreader,Georgia,serif;font-size:2.4em;font-weight:400;margin:0;text-align:center;background:linear-gradient(180deg,#6b4a18,#3e2c14 40%,#5c4a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(245,230,163,.2));line-height:1.3}.tutorial-step-description{font-family:Newsreader,Georgia,serif;font-size:1.1em;line-height:1.7;color:#5c4a2a;margin:0;text-align:center}.tutorial-success{padding:12px 16px;background:#4caf5014;border-left:3px solid #4caf50;color:#4a7a4c;font-family:Newsreader,Georgia,serif;font-size:1em;font-weight:600}.tutorial-esc-hint{font-family:Newsreader,Georgia,serif;font-size:1em;color:#5c4a2a;text-align:center;margin-top:auto;opacity:.85;letter-spacing:.04em}.tutorial-step-title-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:11;font-family:Newsreader,Georgia,serif;font-size:2.2em;font-weight:800;background:linear-gradient(180deg,#f5e6a3,#d4a844,#c5923c,#a67828,#8b6320,#6b4a18);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px rgba(107,74,24,.3);filter:drop-shadow(0 1px 0 rgba(245,230,163,.4)) drop-shadow(0 3px 1px rgba(80,45,10,.7));text-align:center;pointer-events:none;line-height:1.2;white-space:nowrap}.tutorial-hint-overlay{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:11;max-width:80%;font-family:Newsreader,Georgia,serif;font-size:1.25em;font-style:italic;font-weight:600;color:#f5e6a3eb;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.6);text-align:center;pointer-events:none}.tutorial-esc-overlay{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:11;font-family:Newsreader,Georgia,serif;font-size:.95em;color:#f5e6a3bf;letter-spacing:.04em;pointer-events:none;white-space:nowrap;text-align:center}.tutorial-success-overlay{position:absolute;bottom:88px;left:50%;transform:translate(-50%);z-index:12;padding:10px 26px;font-family:Newsreader,Georgia,serif;font-size:1.5em;font-weight:700;color:#f5e6a3;background:linear-gradient(180deg,#4c783cf0,#305828f0);border:1px solid rgba(245,230,163,.5);border-radius:8px;box-shadow:0 4px 16px #00000080,0 0 22px #78c85a59;letter-spacing:.02em;white-space:nowrap;text-align:center;pointer-events:none;animation:tutorialSuccessPop .35s ease-out both}@keyframes tutorialSuccessPop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.live-game-screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.live-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.live-toolbar{position:relative;z-index:10;display:flex;align-items:center;height:80px;padding:0 20px 0 32px;flex-shrink:0}.live-title{font-family:Newsreader,Georgia,serif;font-size:3em;font-weight:800;background:linear-gradient(180deg,#f5e6a3,#d4a844 25%,#a67828 60%,#6b4a18);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(60,35,5,.6));white-space:nowrap}.live-timer-frame{position:absolute;left:50%;transform:translate(-50%);width:210px;height:78px;background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.live-timer-text{display:block;width:100%;text-align:center;font-size:1.6em;font-weight:700;color:#f5e6c8;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.05em;margin-bottom:6px;margin-right:8px}.live-timer-elapsed .live-timer-text{color:#adf}.live-toolbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.live-btn{--frame-h: 2.4em;height:var(--frame-h);border-style:solid;border-width:0;border-radius:0;border-image-source:var(--stone-btn-url);border-image-slice:105 160 100 160 fill;border-image-width:calc(var(--frame-h) * 105 / 219) calc(var(--frame-h) * 160 / 219) calc(var(--frame-h) * 100 / 219) calc(var(--frame-h) * 160 / 219);background-color:transparent;color:#3e2c14;font-family:Space Grotesk,system-ui,sans-serif;font-weight:800;font-size:.88em;text-transform:uppercase;letter-spacing:.1em;padding:0 32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.live-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.live-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.live-btn:disabled{opacity:.45;cursor:default}.live-content{position:relative;z-index:10;display:flex;flex-direction:row;flex:1;min-height:0;gap:16px;padding:4px 16px 32px 32px}.live-canvas-area{flex:1 1 0;min-width:0;display:flex;align-items:stretch}.live-canvas-border{flex:1;border:6px solid transparent;background:linear-gradient(#1a1a2e,#1a1a2e) padding-box,linear-gradient(135deg,#a0836a,#6b5040,#c9a97a,#8b6840,#a0836a) border-box;border-radius:4px;box-shadow:0 0 0 1px #000c,0 4px 20px #0009;display:flex;align-items:stretch}.live-canvas-border .canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.live-right-panel{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;min-height:0}.live-sidebar{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;background-size:100% 100%;background-repeat:no-repeat;padding:28px 30px;overflow:hidden}.live-sidebar-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.live-section-title{font-size:1.3em;text-transform:uppercase;letter-spacing:.1em;color:#3a2614;font-weight:700;padding-bottom:5px;border-bottom:2px solid #c4a87a}.live-sidebar-chat-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.scroll-panel{display:flex;flex-direction:column;background-size:100% 100%;background-repeat:no-repeat;position:relative;overflow:hidden}.scroll-panel-scoreboard{aspect-ratio:580 / 320;flex-shrink:0;padding:22px 36px}.scroll-panel-game{flex:1;min-height:0;padding:68px 60px 82px}.scroll-panel-game .scroll-panel-body{padding-bottom:6px}.chat-input-row{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-top:8px}.chat-input{flex:1;min-width:0;background:#23140599;border:1px solid rgba(160,120,60,.45);border-radius:6px;color:#ecdabc;font-size:.88em;padding:5px 10px;outline:none;font-family:Newsreader,Georgia,serif}.chat-input::placeholder{color:#c8af8780}.chat-input:focus{border-color:#be964699;background:#231405b3}.chat-send-btn{padding:5px 11px;font-size:.82em;background:#784b14a6;border:1px solid rgba(160,120,60,.45);border-radius:6px;color:#f5e8d2;cursor:pointer;font-family:Newsreader,Georgia,serif;font-weight:600;letter-spacing:.04em;transition:background .15s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#784b14d9}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-message{font-size:1.15em;line-height:1.4;color:#3a2010}.chat-sender{font-weight:700}.chat-text{font-weight:400}.chat-message-own .chat-sender{color:#1a5a3a}.scroll-panel-title{font-family:Newsreader,Georgia,serif;font-size:1.4em;font-weight:700;text-align:center;color:#4a3010;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(100,60,20,.2);flex-shrink:0}.scroll-panel-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.scroll-panel-body::-webkit-scrollbar{width:4px}.scroll-panel-body::-webkit-scrollbar-track{background:transparent}.scroll-panel-body::-webkit-scrollbar-thumb{background:#643c144d;border-radius:2px}.score-entry{font-size:1.25em;font-weight:600;display:flex;align-items:center;gap:6px;padding-left:16px}.score-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.score-entry-dead{opacity:.4}.scores-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.team-scores-2col{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.team-col{display:flex;flex-direction:column;gap:3px}.team-col-header{font-size:1.25em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4a3010;padding-left:16px;padding-bottom:3px;border-bottom:1px solid rgba(100,60,20,.3);margin-bottom:4px}.scroll-panel-scoreboard-compact .team-scores-2col{gap:4px 12px}.scroll-panel-scoreboard-compact .team-col{gap:2px}.scroll-panel-scoreboard-compact .team-col-header{font-size:1.05em;padding-bottom:2px;margin-bottom:3px}.scroll-panel-scoreboard-compact .score-entry{font-size:1em}.events-feed{gap:0}.event-entry{font-size:1.25em;line-height:1.5}.events-empty{font-size:.8em;color:#8a6040;font-style:italic;text-align:center;padding-top:8px}.mute-button{width:44px;height:44px;position:relative;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;border:none;background:transparent;transition:transform .1s ease}.mute-button-icon{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.mute-button[aria-pressed=true]:after{content:"";position:absolute;left:50%;top:50%;width:141%;height:4px;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;background:#4e3a22;box-shadow:0 1px 2px #00000059;pointer-events:none}.mute-button:hover{transform:scale(1.08)}.mute-button:active{transform:scale(.95)}