:root{--bg: #1a0f08;--bg2: #261508;--bg3: #332010;--sand: #c8a96e;--sand-light: #e8d5a3;--sand-dark: #8b6914;--gold: #d4a017;--gold-light: #f0c040;--gold-dim: #7a5a0a;--stone: #6b5b3e;--lapis: #1a3a5c;--lapis-light: #2e5f8a;--white-piece: #f5e6c8;--black-piece: #2c1810;--rose-bg: #7a1828;--eyes-bg: #1a3a5c;--five-bg: #2a4a1c;--oasis-bg: #1a4a2c;--exit-bg: #4a3010;--valid-ring: rgba(80, 210, 80, .7);--selected-ring: rgba(255, 200, 40, .9);--radius: 8px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--sand-light);font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:16px;line-height:1.5;overflow-x:hidden}.screen{display:none}.screen.active{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}.lobby-card{background:var(--bg2);border:1px solid var(--stone);border-radius:12px;padding:2.5rem 2rem;width:min(420px,92vw);text-align:center;box-shadow:0 8px 32px #0009}.title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(1.2rem,4vw,1.7rem);font-weight:700;color:var(--gold-light);letter-spacing:2px;margin-bottom:.4rem;text-shadow:0 0 12px rgba(212,160,23,.4)}.subtitle{font-size:.9rem;color:var(--sand);letter-spacing:1.5px;margin-bottom:1.6rem}.lobby-section{text-align:left;margin-bottom:1.2rem}.lobby-section label{display:block;font-size:.8rem;color:var(--sand);letter-spacing:1px;margin-bottom:.3rem}input[type=text]{width:100%;background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);color:var(--sand-light);font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1rem;padding:.55rem .8rem;outline:none;transition:border-color var(--transition)}input[type=text]:focus{border-color:var(--gold)}input[type=text]::placeholder{color:var(--stone)}.lobby-actions{display:flex;flex-direction:column;gap:.8rem}.join-row{display:flex;gap:.5rem}.join-row input{flex:1;text-transform:uppercase;letter-spacing:3px}.divider{display:flex;align-items:center;gap:.8rem;color:var(--stone);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--stone)}.btn{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.85rem;letter-spacing:1.5px;font-weight:600;border:none;border-radius:var(--radius);padding:.65rem 1.4rem;cursor:pointer;transition:opacity var(--transition),transform var(--transition),background var(--transition)}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:linear-gradient(160deg,var(--gold) 0%,var(--sand-dark) 100%);color:#1a0f08}.btn-primary:not(:disabled):hover{opacity:.9}.btn-secondary{background:transparent;color:var(--sand-light);border:1px solid var(--stone)}.btn-secondary:not(:disabled):hover{border-color:var(--gold);color:var(--gold-light)}.game-code{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:2.5rem;letter-spacing:8px;color:var(--gold-light);background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);padding:.8rem 1.5rem;margin:.8rem auto;display:inline-block}.game-url{font-size:.75rem;color:var(--sand);word-break:break-all;background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);padding:.4rem .7rem;margin:.4rem auto}.hint{font-size:.8rem;color:var(--sand);margin-top:.6rem}.spinner{width:32px;height:32px;margin:1.5rem auto 0;border:3px solid var(--stone);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#screen-game{display:none;align-items:center;justify-content:flex-start;flex-direction:column;min-height:100vh;padding:.6rem}#screen-game.active{display:flex}.game-content{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:min(860px,97vw);background:var(--bg2);border:1px solid var(--stone);border-radius:var(--radius);padding:.75rem .75rem 1rem}.game-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--stone);border-radius:var(--radius);padding:.5rem 1rem;gap:.5rem;order:0}.player-info{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.side-black{flex-direction:row}.side-white{flex-direction:row-reverse}.player-stone{width:18px;height:18px;border-radius:50%;flex-shrink:0}.white-stone{background:var(--white-piece);border:2px solid var(--gold)}.black-stone{background:var(--black-piece);border:2px solid var(--sand)}.player-name{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.8rem;letter-spacing:.5px;color:var(--sand-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-score{font-size:.75rem;color:var(--sand);white-space:nowrap}.status-center{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.8rem;letter-spacing:1px;color:var(--gold-light);text-align:center;flex:0 0 auto;white-space:nowrap}.player-info.active-turn .player-name{color:var(--gold-light)}.player-info.active-turn .player-stone{box-shadow:0 0 8px var(--gold)}.game-info-bar{display:flex;align-items:center;justify-content:space-between;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;letter-spacing:.08em;color:var(--sand);padding:.2rem .6rem;opacity:.7}.info-ghost{flex:1}.info-center{flex:1;display:flex;justify-content:center;gap:.5rem}#game-clock{flex:1;text-align:right}.info-sep{color:var(--stone)}.board-wrapper{display:flex;align-items:center;justify-content:center}#game-canvas{cursor:pointer;display:block;max-width:100%}.hidden{display:none!important}.trophy{font-size:4rem;margin-bottom:.5rem}.error-msg{color:#e05050;font-size:.85rem;margin-top:.8rem;padding:.4rem .8rem;background:#c832321f;border:1px solid rgba(200,50,50,.3);border-radius:var(--radius)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.settings-row label{margin-bottom:0;white-space:nowrap}select{background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);color:var(--sand-light);font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.95rem;padding:.4rem .6rem;outline:none;cursor:pointer;transition:border-color var(--transition)}select:focus{border-color:var(--gold)}.settings-row input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;cursor:pointer;flex-shrink:0}#reconnect-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#c0392b;color:#fff;padding:.6rem 1.2rem;border-radius:6px;display:flex;gap:1rem;align-items:center;z-index:100;box-shadow:0 2px 8px #0006}#reconnect-banner.hidden{display:none}#btn-retry-connection{background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;padding:.3rem .8rem;border-radius:4px;cursor:pointer}#btn-retry-connection:hover{background:#ffffff59}.qr-canvas{display:block;margin:1.2rem auto .5rem;border-radius:8px;box-shadow:0 0 0 6px #2a1a08,0 0 0 8px var(--gold-dim)}.landing-wrap{width:100%;max-width:760px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.player-rolls{font-size:.65rem;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;color:var(--stone);letter-spacing:.04em;opacity:.75}.gameover-rolls{display:flex;gap:2rem;justify-content:center;margin:.75rem 0 1rem}.gameover-roll-stat{display:flex;align-items:center;gap:.5rem;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.9rem;color:var(--sand)}.landing-hero{text-align:center}.version-badge{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.65rem;letter-spacing:.12em;color:var(--sand);opacity:.5;margin:-.25rem 0 0}.stats-bar{display:flex;gap:1rem;justify-content:center}.stat-tile{flex:1 1 0;max-width:200px;background:var(--bg3);border:1px solid var(--gold-dim);border-radius:8px;padding:.5rem .8rem;text-align:center;display:flex;flex-direction:column;gap:.15rem}.stat-number{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1.5rem;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:.4rem}.stat-label{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);letter-spacing:.02em;white-space:nowrap}.stat-tile .stat-label{text-transform:uppercase;letter-spacing:.06em;text-align:center;width:100%}.active-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3dc850;box-shadow:0 0 6px #3dc850;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.lobby-panels{display:flex;gap:0;align-items:stretch}.lobby-panel{flex:1;background:var(--bg2);border:1px solid var(--bg3);border-radius:10px;padding:1.4rem 1.5rem}.panel-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.95rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.lobby-divider{display:flex;align-items:center;justify-content:center;padding:0 1rem;color:var(--sand);font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.9rem}.advanced-details summary{cursor:pointer;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.85rem;color:var(--sand);margin-top:.5rem}.recent-section{background:var(--bg2);border:1px solid var(--bg3);border-radius:10px;padding:1.2rem 1.5rem}.recent-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.85rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.recent-list{display:flex;flex-direction:column;gap:.4rem}.recent-row{display:flex;align-items:center;gap:1rem;padding:.45rem .6rem;border-left:2px solid var(--gold-dim);font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.85rem;color:var(--sand-light);border-radius:0 4px 4px 0;transition:background .15s}.recent-row:hover{background:var(--bg3)}.recent-players{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0}.recent-stone{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.recent-stone.white-stone{background:#e8dcc8;box-shadow:0 0 0 1px #d4a01766}.recent-stone.black-stone{background:#2a1f0e;box-shadow:0 0 0 1px #d4a0174d}.recent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.player-link{cursor:pointer}.player-link:hover{color:var(--gold);text-decoration:underline}.recent-vs{color:var(--stone);font-size:.75rem;flex-shrink:0}.recent-dur{color:var(--sand);min-width:50px;flex-shrink:0}.recent-moves{color:var(--sand);min-width:60px;flex-shrink:0;font-size:.8rem}.recent-pieces{color:var(--stone);min-width:60px;flex-shrink:0;font-size:.8rem}.recent-time{color:var(--stone);font-size:.8rem;min-width:60px;text-align:right;flex-shrink:0}.recent-winner{font-size:.78rem;font-weight:600;padding:.1rem .5rem;border-radius:20px;min-width:80px;text-align:center}.recent-winner.white{background:#d4a01733;color:var(--gold)}.recent-winner.black{background:#6b5b3e4d;color:var(--sand)}.recent-winner.abandoned{background:#50505033;color:var(--stone)}.btn-watch{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;letter-spacing:.02em;background:transparent;border:1px solid var(--gold-dim);color:var(--gold);padding:.2rem .7rem;border-radius:4px;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-watch:hover{background:#d4a0171f}.spectator-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--bg3);border-bottom:1px solid var(--sand-dark)}.btn-spectator-back{padding:.35rem .8rem;font-size:.82rem}.player-leave-bar{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:.5rem .75rem .25rem;background:transparent}.move-log-details{text-align:right}.move-log-summary{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);letter-spacing:.06em;cursor:pointer;opacity:.55;list-style:none;display:inline-block}.move-log-summary:hover{opacity:1}.move-log-summary::marker,.move-log-summary::-webkit-details-marker{display:none}.move-log-summary:before{content:"▸ "}details[open] .move-log-summary:before{content:"▾ "}.live-move-log{width:220px;max-height:100px;overflow-y:auto;margin:.25rem 0 0 auto;padding:.25rem .4rem;background:#0000004d;border-radius:4px;list-style:none;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.68rem;color:var(--sand);text-align:left}.btn-resign{padding:.3rem .75rem;font-size:.8rem;opacity:.6;transition:opacity var(--transition);border-color:#8b3a3a;color:#c97070}.btn-resign:hover{opacity:1}.btn-resign:not(:disabled):hover{border-color:#c97070;color:#e8a0a0}.spectator-label{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.75rem;color:var(--sand);letter-spacing:.04em}.adv-stats-table{width:100%;border-collapse:collapse;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.9rem;margin-bottom:.5rem}.adv-stats-table thead th{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;letter-spacing:.02em;color:var(--sand-dark);padding:.3rem .6rem .4rem 0;border-bottom:1px solid var(--bg3);font-weight:400}.adv-stats-table thead th.stat-value{width:12%;color:var(--sand-dark)}.adv-stats-table tbody tr+tr td{border-top:1px solid var(--bg3)}.stat-label{color:var(--sand);padding:.35rem .6rem .35rem 0;width:38%}.stat-value{color:var(--gold);font-weight:600;padding:.35rem 1.5rem .35rem 0;width:12%;white-space:nowrap}.adv-sub-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.8rem;font-weight:400;letter-spacing:.04em;color:var(--sand-dark);margin:1.2rem 0 .2rem;border-top:1px solid var(--bg3);padding-top:.9rem}.roll-dist{display:flex;gap:.75rem;align-items:flex-end;height:100px;padding-top:1.5rem}.roll-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%}.roll-count{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);min-height:1em}.roll-track{flex:1;width:100%;background:var(--bg3);border-radius:3px 3px 0 0;display:flex;align-items:flex-end;overflow:hidden}.roll-fill{width:100%;border-radius:3px 3px 0 0;transition:height .4s ease}.roll-0{background:var(--stone)}.roll-1{background:color-mix(in srgb,var(--gold-dim) 60%,var(--stone))}.roll-2{background:var(--gold-dim)}.roll-3{background:color-mix(in srgb,var(--gold) 70%,var(--gold-dim))}.roll-4{background:var(--gold);box-shadow:0 0 6px #d4a01766}.roll-face{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);letter-spacing:.04em}.landing-footer{text-align:center;padding:2rem 1rem 1.5rem;border-top:1px solid var(--bg3);margin-top:1rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.6rem}.footer-link{background:none;border:none;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);cursor:pointer;padding:.1rem .2rem;opacity:.6;transition:opacity .15s}.footer-link:hover{opacity:1}.footer-sep{color:var(--sand);opacity:.3;font-size:.75rem}.footer-copy{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.75rem;color:var(--sand);opacity:.35;margin:0}.modal{background:var(--bg2);border:1px solid var(--bg3);border-radius:10px;padding:0;max-width:520px;width:calc(100% - 2rem);color:var(--sand-light)}.modal::backdrop{background:#000000b3}.modal-inner{padding:2rem}.modal-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1.1rem;color:var(--gold);margin:0 0 1.25rem}.modal-body{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.95rem;line-height:1.65;color:var(--sand-light)}.modal-body h3{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-dim);margin:1rem 0 .3rem}.modal-body p{margin:0 0 .5rem}.modal-close{margin-top:1.5rem;width:100%}.leaderboard-table{width:100%;border-collapse:collapse;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.88rem;color:var(--sand-light)}.leaderboard-table th{text-align:left;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);letter-spacing:.02em;padding:0 .6rem .5rem;border-bottom:1px solid var(--bg3)}.leaderboard-table td{padding:.35rem .6rem}.leaderboard-table tbody tr{border-left:3px solid transparent;transition:background .15s}.leaderboard-table tbody tr:hover{background:var(--bg3)}.leaderboard-table tr.rank-gold{border-left-color:#d4a017}.leaderboard-table tr.rank-silver{border-left-color:#a0a0a0}.leaderboard-table tr.rank-bronze{border-left-color:#cd7f32}.leaderboard-table th.sortable{cursor:pointer;user-select:none;transition:color var(--transition)}.leaderboard-table th.sortable:hover{color:var(--gold-light)}.sort-icon{font-style:normal;font-size:.7em;opacity:.35}.sort-icon:after{content:" ↕"}.sort-icon.asc{opacity:1}.sort-icon.asc:after{content:" ↑"}.sort-icon.desc{opacity:1}.sort-icon.desc:after{content:" ↓"}.player-link{background:none;border:none;color:var(--sand-light);cursor:pointer;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:inherit;padding:0;text-decoration:underline dotted var(--stone);transition:color var(--transition)}.player-link:hover{color:var(--gold-light)}.collapsible-body{margin-top:.6rem}.tod-chart{display:flex;align-items:flex-end;gap:2px;padding:0 .25rem}.tod-col{flex:1;display:flex;flex-direction:column;align-items:center}.tod-bar{width:100%;background:var(--gold-dim);border-radius:2px 2px 0 0;min-height:2px;transition:background .2s}.tod-bar:hover{background:var(--gold)}.tod-bar{position:relative}.tod-count{position:absolute;top:2px;left:0;right:0;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.52rem;color:var(--gold-light);text-align:center;line-height:1;pointer-events:none;white-space:nowrap;overflow:hidden}.tod-lbl{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.58rem;color:var(--stone);height:1em;line-height:1;text-align:center;margin-top:4px}.tod-axis-label{text-align:center;font-size:.65rem;color:var(--stone);margin-top:.2rem;letter-spacing:.02em}.section-divider{border:none;border-top:1px solid var(--bg3);margin:1rem 0 .75rem}.player-modal-header{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1.1rem;color:var(--gold-light);margin-bottom:1rem;text-align:center}.player-modal-stats{margin-bottom:1rem}.player-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.stat-chip{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;background:var(--bg3);border-radius:5px;padding:.3rem .55rem;cursor:help}.stat-chip-label{font-size:.75rem;color:var(--sand-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-chip-value{font-size:.82rem;color:var(--gold-light);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.player-modal-games{font-size:.88rem}.collapsible-hdr{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:inherit;cursor:pointer;padding:0;gap:.5rem}.collapsible-hdr .recent-title{pointer-events:none}.collapse-chevron{font-size:.7rem;color:var(--stone);transition:transform var(--transition)}.modal-rules-inner{max-height:80vh;overflow-y:auto}.rules-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;margin:.5rem 0 1rem}.rules-field-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.78rem;color:var(--sand-light);text-align:center}.rules-board-img{width:100%;max-width:420px;display:block;margin:0 auto 1rem;filter:invert(1);border-radius:4px}.rules-img{width:54px;height:54px;object-fit:contain;filter:invert(1)}.modal-replay{max-width:min(900px,97vw)}.modal-replay-inner{padding:1.25rem 1.5rem 1.5rem}.replay-modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.replay-modal-hdr .modal-title{margin:0}.replay-layout{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.replay-canvas-wrap{flex:1;min-width:240px;display:flex;justify-content:center}#replay-canvas{display:block;max-width:100%;cursor:default}.replay-controls{width:210px;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.replay-info{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.88rem;color:var(--sand);background:var(--bg3);border-radius:6px;padding:.5rem .75rem;line-height:1.5;height:3.6rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.replay-transport{display:flex;gap:.25rem;justify-content:center}.transport-btn{font-size:1rem;padding:.35rem .55rem;min-width:34px;line-height:1}.replay-scrubber-wrap{display:flex;flex-direction:column;gap:.25rem}.replay-scrubber{width:100%;accent-color:var(--gold);cursor:pointer}.replay-step-label{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.78rem;color:var(--stone);text-align:center}.replay-speed-wrap{display:flex;align-items:center;gap:.5rem}.replay-speed-label{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;letter-spacing:.02em;color:var(--sand)}.replay-speed-select{flex:1}.replay-move-list-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:.25rem}.replay-move-list-title{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;color:var(--sand);letter-spacing:.02em;margin:0}.replay-move-list{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.1rem;scrollbar-width:thin;scrollbar-color:var(--stone) transparent}.replay-move-list li{font-family:Garamond,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.82rem;color:var(--sand);padding:.2rem .35rem;border-radius:3px;cursor:pointer;transition:background var(--transition);display:flex;align-items:center;gap:.35rem}.replay-move-list li:hover{background:var(--bg3)}.replay-move-list li.current-step{background:var(--bg3);color:var(--gold-light)}.move-stone-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.move-stone-dot.white{background:var(--white-piece);border:1px solid var(--gold-dim)}.move-stone-dot.black{background:var(--black-piece);border:1px solid var(--stone)}.game-replay-btn{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:.72rem;letter-spacing:.02em;background:transparent;border:1px solid var(--gold-dim);color:var(--gold);padding:.18rem .65rem;border-radius:4px;cursor:pointer;transition:background var(--transition);flex-shrink:0;white-space:nowrap}.game-replay-btn:hover{background:#d4a0171f}@media (max-width: 480px){.lobby-card{padding:1.8rem 1.2rem}.player-name{max-width:80px}.game-header{padding:.4rem .6rem}.stats-bar,.stats-bar-2{flex-direction:column;align-items:center}.stat-tile{max-width:100%;width:100%}.lobby-panels{flex-direction:column}.lobby-divider{padding:.5rem 0}.landing-wrap{padding:1rem .75rem;gap:1.25rem}}