*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #faf8f0;--surface: #faf8f0;--border: #111;--text: #111;--text-muted: #555;--accent: #111;--accent-hover: #333;--green: #111;--red: #ef4444;--radius: 0px}html,body,#root{height:100%;min-height:100vh}body{font-family:Courier New,Courier,ui-monospace,SFMono-Regular,monospace;background:var(--bg);color:var(--text)}.app-layout{min-height:100vh;height:100%;display:flex;flex-direction:column}.app-layout--with-sidebar{flex-direction:row;overflow:hidden}.app-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.moves-sidebar{width:min(380px,40vw);min-width:280px;flex-shrink:0;align-self:stretch;min-height:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.moves-sidebar-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.moves-sidebar-header h3{font-size:.95rem;font-weight:600}.moves-sidebar-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;padding:2px 8px;border-radius:999px}.moves-sidebar-hint{font-size:.75rem;color:var(--text-muted);padding:10px 16px;line-height:1.4;border-bottom:1px solid var(--border);flex-shrink:0}.moves-sidebar-path{flex:1;min-height:0;overflow-y:auto;padding:16px 14px}.move-path-viz{display:flex;flex-direction:column;align-items:stretch}.move-path-empty{padding:20px 8px;text-align:center;color:var(--text-muted);font-size:.8rem;line-height:1.45}.move-path-bubble{width:100%;padding:10px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:.78rem;line-height:1.35;text-align:left}.move-path-bubble--start{border-color:var(--accent);box-shadow:0 0 0 1px #6366f140}.move-path-bubble--goal{border-color:var(--green);background:#22c55e1a}.move-path-bubble-step{flex-shrink:0;font-size:.65rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.move-path-bubble-title{flex:1;min-width:0;word-break:break-word;font-weight:500}.move-path-bubble-flag{flex-shrink:0;color:var(--green)}.move-path-arrow{display:flex;justify-content:center;align-items:center;color:var(--accent-hover);opacity:.9;padding:6px 0}.moves-sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:10px 12px 14px}.moves-sidebar-toggle{width:100%;padding:8px 10px;font-size:.75rem;font-weight:600;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;cursor:pointer}.moves-sidebar-toggle:hover{color:var(--text);border-color:var(--accent);background:#6366f114}.moves-sidebar-json{margin-top:10px;max-height:180px;overflow:auto;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);font-size:.62rem;line-height:1.4;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;color:var(--text-muted);white-space:pre;margin-bottom:0}.screen{display:none;flex:1;flex-direction:column;min-height:0}.screen.active{display:flex}.screen-alias{align-items:center;justify-content:center}.card{background:transparent;border:none;border-radius:0;padding:48px;max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:420px}.card h1{font-size:2.4rem;font-weight:400;margin-bottom:16px;color:var(--text);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;letter-spacing:.05em}.subtitle{color:var(--text);margin-bottom:32px;font-size:.95rem;line-height:1.6}.alias-form{display:flex;flex-direction:column;gap:12px;width:100%}.cover-footer{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.cover-footer-img{width:80px;height:auto}input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:12px 16px;font-size:1rem;font-family:inherit;color:var(--text);outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent)}button,.btn-primary{background:var(--accent);color:#faf8f0;border:none;border-radius:0;padding:12px 24px;font-size:1rem;font-family:inherit;font-weight:400;cursor:pointer;transition:background .2s}button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.player-name-display{font-weight:600;font-size:1rem}.lobby-container{max-width:700px;margin:32px auto;width:90%;flex:1}.lobby-container h2{font-size:1.25rem;margin-bottom:16px}.lobby-list{display:flex;flex-direction:column;gap:10px}.empty-state{color:var(--text-muted);text-align:center;padding:40px 0}.lobby-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:border-color .2s}.lobby-card:hover{border-color:var(--accent)}.lobby-meta{display:flex;flex-direction:column;gap:4px}.lobby-articles{font-size:.85rem;color:var(--text-muted)}.lobby-players{font-size:.8rem;color:var(--text-muted)}.btn-join{background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-join:hover{opacity:.85}.lobby-start-hidden{font-style:italic;color:var(--text-muted);font-weight:500}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#faf8f0f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.countdown-overlay-inner{text-align:center;padding:32px}.countdown-overlay-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 8px}.countdown-overlay-number{font-size:clamp(4rem,15vw,6.5rem);font-weight:400;line-height:1;color:var(--text);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;margin:0 0 16px}.countdown-overlay-sub{font-size:.88rem;color:var(--text-muted);max-width:280px;margin:0 auto;line-height:1.45}.screen-waiting{align-items:stretch;justify-content:flex-start;padding:20px 16px;overflow-y:auto;position:relative}.screen-gameover{align-items:center;justify-content:center}.waiting-room-card{max-width:580px;width:100%;margin:0 auto;text-align:left;padding:28px 28px 36px}.waiting-room{display:flex;flex-direction:column;gap:20px}.waiting-room-title{font-size:1.35rem;font-weight:700;text-align:center;margin:0;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.waiting-room-status{text-align:center;color:var(--text-muted);font-size:.88rem;line-height:1.45;margin:0}.waiting-room-target-only{text-align:center;padding:14px 16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.waiting-room-target-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 6px}.waiting-room-target-name{font-size:1.08rem;font-weight:700;color:var(--green);margin:0 0 10px;line-height:1.3;word-break:break-word}.waiting-room-target-note{font-size:.72rem;color:var(--text-muted);line-height:1.45;margin:0}.waiting-room-section{border-top:1px solid var(--border);padding-top:16px}.waiting-room-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 10px}.waiting-room-user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.waiting-room-user-list li{display:flex;align-items:center;gap:8px;font-size:.92rem}.waiting-room-user-name{font-weight:600}.waiting-room-you-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-hover);border:1px solid var(--accent);padding:2px 8px;border-radius:999px}.waiting-room-muted{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.45}.waiting-room-seat-hint{margin-bottom:14px!important}.waiting-room-seats{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start}.waiting-room-seat-column{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:128px;max-width:180px}.waiting-room-ready-slot{min-height:24px;width:100%}.waiting-room-ready-pill{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;text-align:center}.waiting-room-ready-pill--yes{background:#22c55e2e;color:var(--green)}.waiting-room-ready-pill--no{background:#ef44441f;color:var(--red)}.waiting-room-ready-btn-slot{width:100%;height:40px;margin-top:2px;flex-shrink:0;box-sizing:border-box}.waiting-room-ready-btn{width:100%;height:100%;padding:8px 10px;box-sizing:border-box;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.waiting-room-ready-btn--concealed{opacity:0;pointer-events:none;cursor:default}.waiting-room-ready-btn:hover{border-color:var(--accent);background:#6366f11a}.waiting-room-ready-btn--active{border-color:var(--green);color:var(--green);background:#22c55e14}.waiting-room-all-seated-hint{margin-top:18px!important;text-align:center;font-size:.78rem!important}.waiting-room-seat-column--yours .waiting-room-seat--occupied{border-color:var(--green);background:#22c55e1a}.waiting-room-seat{width:100%;min-height:76px;border-radius:10px;border:2px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:.74rem;font-weight:600;cursor:default;padding:10px 8px;transition:border-color .15s,background .15s;box-sizing:border-box}.waiting-room-seat--occupied{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface);border-color:var(--accent);border-style:solid;color:var(--text);cursor:default}.waiting-room-seat-occupant-name{font-size:.95rem;font-weight:700;line-height:1.25;word-break:break-word;padding:4px 6px}.waiting-room-seat--claimable{border-color:var(--accent);color:var(--text);cursor:pointer}.waiting-room-seat--claimable:hover:not(:disabled){background:#6366f11f}.waiting-room-seat:disabled{cursor:not-allowed;opacity:.95}.waiting-room-seat-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.waiting-info,.gameover-info{color:var(--text-muted);font-size:.9rem;margin:12px 0 24px;line-height:1.6}.loader{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.screen-game{height:100%;min-height:0;overflow:hidden}.game-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.game-screen{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.game-topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.game-timer{font-size:1rem;font-weight:600;letter-spacing:.05em;background:#111;color:#faf8f0;padding:6px 14px;border-radius:999px;min-width:70px;text-align:center;flex-shrink:0}.game-player-capsules{display:flex;gap:10px;flex-wrap:wrap}.game-player-capsule{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.85rem}.game-player-capsule-name{font-weight:500;color:#111}.game-player-capsule-count{background:#111;color:#faf8f0;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.game-body{display:flex;flex:1;min-height:0}.game-path-panel{width:220px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;padding:16px 14px;overflow-y:auto;gap:6px}.game-path-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.game-path-hint{font-size:.72rem;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.game-path-list{display:flex;flex-direction:column;gap:12px}.game-path-arrow{display:flex;justify-content:center;color:var(--text-muted);margin:-6px 0}.game-path-bubble{padding:7px 12px;border-radius:999px;border:1px solid var(--border);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg);color:var(--text)}.game-path-bubble--endpoint{background:#111;color:#faf8f0;border-color:#111}.game-path-bubble--current{font-weight:600;border-width:2px}.game-bar-left,.game-bar-right{display:flex;flex-direction:column;gap:2px}.game-bar-right{text-align:right}.game-bar-center{text-align:center}.game-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.game-article-name{font-weight:600;font-size:.95rem;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-article-name.target{color:var(--text)}.target-chip-wrapper{position:relative;display:inline-flex;align-items:center}.target-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;background:var(--bg);border:1px solid var(--border);padding:10px 12px;font-size:.78rem;line-height:1.5;color:var(--text);z-index:200;pointer-events:none;white-space:normal;text-align:left}.game-moves{font-size:.85rem;color:var(--text-muted);font-weight:600}.wiki-frame{flex:1;width:100%;border:none;background:#fff;min-height:0}.screen-results{background:#fefae8;color:#111;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;min-height:100vh}.results-page{width:100%;max-width:1080px;margin:0 auto;padding:60px 48px 100px;display:flex;flex-direction:column;gap:48px}.results-empty{font-family:Space Mono,monospace;font-size:.95rem;color:#333;text-align:center;padding:48px 24px}.results-scorecards{display:flex;gap:32px;justify-content:center;align-items:flex-end}.results-card{display:flex;flex-direction:column;align-items:center;gap:6px}.results-card-name{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;color:#111;border-radius:999px;padding:5px 18px;letter-spacing:.03em}.results-card-moves{font-family:Space Mono,monospace;font-size:5rem;font-weight:900;color:#fff;background:#111;border-radius:20px;line-height:1;padding:16px 28px 12px;min-width:120px;text-align:center}.rtl-wrap{display:flex;align-items:center;gap:20px;padding:4px 0}.rtl-label-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.rtl-label{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;color:#111;letter-spacing:.04em}.rtl-play-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#111;padding:0;line-height:1;display:flex;align-items:center}.rtl-speed-btn{background:none;border:1.5px solid #bbb;border-radius:6px;cursor:pointer;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;color:#666;padding:3px 7px;line-height:1;transition:background .12s,color .12s,border-color .12s}.rtl-speed-btn:hover{border-color:#111;color:#111}.rtl-speed-btn--active{background:#111;color:#fff;border-color:#111}.rtl-track-wrap{position:relative;flex:1;height:44px;display:flex;align-items:center}.rtl-rail{position:absolute;left:0;right:0;height:2px;background:#111;border-radius:1px;pointer-events:none}.rtl-marker{position:absolute;transform:translate(-50%);width:26px;height:26px;border-radius:50%;border:2px solid;font-size:10px;font-family:Space Mono,monospace;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;color:#111;transition:transform .1s;padding:0;line-height:1}.rtl-marker:hover{transform:translate(-50%) scale(1.2)}.rtl-flag{font-size:14px;line-height:1}.rtl-playhead{position:absolute;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid #111;pointer-events:none;z-index:3}.rtl-scrub{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;z-index:4;margin:0}.results-graph-wrap{width:100%}.rg-scroll-wrap{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.rg-svg{display:block;overflow:visible;flex-shrink:0}.rg-node{cursor:pointer;transition:opacity .15s}.rg-node:hover rect{filter:brightness(.94)}.rg-tooltip{position:fixed;background:#fff;border:1.5px solid #ddd;border-radius:12px;padding:12px 16px;max-width:240px;font-family:Space Mono,monospace;font-size:11px;line-height:1.55;color:#111;pointer-events:auto;z-index:200;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 6px 24px #0000001f}.rg-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom:none;border-top-color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.rg-tooltip-title{display:block;font-weight:700;font-size:12px;color:#111;text-decoration:none;margin-bottom:6px}.rg-tooltip-title:hover{text-decoration:underline}.rg-tooltip-extract{margin:0;color:#444}.rg-tooltip-loading{opacity:.5;font-style:italic}@keyframes node-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}