:root{--deep-ocean: #081c2e;--ocean-bright: #1a9fc0;--ocean-turq: #18c4d8;--warm-orange: #d4820a;--gold-trim: #d4ac2e;--cannon-red: #c0392b;--parchment: #f5e9c8;--cream: #faf4e1}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 800px at 50% -10%,#0f2c40 0%,var(--deep-ocean) 60%);color:var(--parchment);font-family:Lato,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column}.app-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1rem;box-sizing:border-box}.menu{margin:auto;text-align:center;padding:2rem}.menu-crest{font-size:3rem;color:var(--gold-trim);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.menu-title{font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.04em;margin:.4rem 0 .2rem;color:var(--cream)}.menu-sub{color:var(--ocean-turq);font-size:.95rem;margin-bottom:2rem}.conn-open{color:#6ee7a8}.conn-connecting{color:var(--gold-trim)}.conn-error{color:var(--cannon-red)}.btn{font-family:Cinzel,Georgia,serif;font-size:1rem;letter-spacing:.05em;padding:.8rem 2rem;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:disabled{opacity:.5;cursor:default}.btn:not(:disabled):hover{filter:brightness(1.1)}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--warm-orange),#b8720a);color:#1a1207;border-color:var(--gold-trim)}.btn-ghost{background:transparent;color:var(--parchment);border-color:#f5e9c84d}.game{flex:1;display:flex;flex-direction:column}.game-board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.ts-board{width:100%;height:100%;display:block}.game-bar{padding:.75rem;display:flex;justify-content:center;border-top:1px solid rgba(24,196,216,.15)}.result{margin:auto;text-align:center;padding:2rem}.result-headline{font-family:Cinzel,Georgia,serif;font-size:clamp(2.5rem,8vw,4.5rem);margin:0}.result-win{color:var(--gold-trim)}.result-loss{color:var(--ocean-bright)}.result-draw{color:var(--parchment)}.result-reason{color:var(--ocean-turq);margin:.5rem 0 1.5rem}.result-highlights{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.highlight{background:#d4ac2e1f;border:1px solid var(--gold-trim);border-radius:4px;padding:.6rem 1rem;display:flex;flex-direction:column}.highlight-name{font-family:Cinzel,Georgia,serif;color:var(--gold-trim)}.highlight-blurb{font-size:.85rem;color:var(--parchment);opacity:.85}.error-panel{max-width:420px;text-align:center;padding:2rem;border:1px solid var(--cannon-red);border-radius:6px;background:#c0392b14}.error-hint{font-size:.85rem;opacity:.8}.error-hint code{background:#0000004d;padding:.1rem .3rem;border-radius:3px}.game-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ocean-turq);cursor:pointer;margin-right:auto;padding-left:.5rem}.game-toggle input{cursor:pointer}.replay{display:flex;flex-direction:column;height:100%}.replay-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;flex-wrap:wrap}.replay-load{display:flex;gap:.5rem;align-items:center}.replay-input{background:var(--deep-ocean);color:var(--cream);border:1px solid var(--ocean-bright);border-radius:4px;padding:.4rem .6rem;font-family:var(--font-mono, monospace);width:22rem;max-width:50vw}.replay-error{color:var(--cannon-red, #c0392b);font-size:.85rem}.replay-controls{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;flex-wrap:wrap}.replay-scrubber{flex:1;min-width:8rem;accent-color:var(--gold-trim, #d4ac2e)}.replay-counter{font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--ocean-turq);white-space:nowrap}.waiting-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem}.waiting-spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--deep-ocean);border-top-color:var(--ocean-turq);animation:waiting-spin 1s linear infinite}@keyframes waiting-spin{to{transform:rotate(360deg)}}.waiting-hint{color:var(--ocean-turq);font-size:.9rem;max-width:22rem}.auth-panel{display:flex;flex-direction:column;gap:1rem;background:var(--deep-ocean);border:1px solid var(--ocean-bright);border-radius:8px;padding:1.5rem;width:22rem;max-width:90vw}.auth-tabs{display:flex;gap:.5rem}.auth-tab{flex:1;padding:.5rem;background:transparent;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--ocean-turq);font-family:var(--font-display, serif);font-size:1rem}.auth-tab-active{border-bottom-color:var(--gold-trim, #d4ac2e);color:var(--cream)}.auth-fields{display:flex;flex-direction:column;gap:.75rem}.auth-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--ocean-turq)}.auth-input{background:#0a1f2e;color:var(--cream);border:1px solid var(--ocean-bright);border-radius:4px;padding:.5rem .6rem;font-size:.95rem}.auth-input:focus{outline:none;border-color:var(--gold-trim, #d4ac2e)}.auth-error{color:var(--cannon-red, #c0392b);font-size:.82rem;margin:0}.auth-hint{color:#8aa2b0;font-size:.75rem;line-height:1.4;margin:0}.ts-clock{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:5;pointer-events:none}.ts-clock-face{min-width:4.5rem;padding:.5rem .75rem;border-radius:6px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono, "IBM Plex Mono", monospace);box-shadow:0 2px 6px #00000059;opacity:.65;transition:opacity .15s}.ts-clock-white{background:#f5f1e6;color:#10222c;border:1px solid #c9c2ac}.ts-clock-black{background:#10222c;color:#f5f1e6;border:1px solid #35505c}.ts-clock-running{opacity:1}.ts-clock-secs{font-size:1.6rem;font-weight:700;line-height:1.1}.ts-clock-label{font-size:.62rem;opacity:.8;margin-top:.15rem;white-space:nowrap}.ts-clock-low .ts-clock-secs{color:#ff2d2d}.ts-clock-low.ts-clock-white,.ts-clock-low.ts-clock-black{border-color:#ff2d2d}.menu-timer{display:flex;align-items:center;gap:.4rem;margin:.25rem 0}.menu-timer-label{font-size:.8rem;color:var(--ocean-turq);margin-right:.25rem}.menu-timer-opt{background:transparent;border:1px solid var(--ocean-bright);color:var(--cream);border-radius:4px;padding:.25rem .6rem;cursor:pointer;font-size:.8rem}.menu-timer-active{background:var(--gold-trim, #d4ac2e);color:#10222c;border-color:var(--gold-trim, #d4ac2e)}.history{display:flex;flex-direction:column;height:100%}.history-bar{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid rgba(24,196,216,.15)}.history-title{font-family:var(--font-display, serif);font-size:1.2rem;margin:0}.history-msg{padding:1.5rem;color:var(--ocean-turq);text-align:center}.history-error{color:var(--cannon-red, #c0392b)}.history-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto}.history-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;border:1px solid rgba(24,196,216,.12);margin-bottom:.4rem;background:#081c2e66}.history-badge{font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:4px;min-width:3.5rem;text-align:center}.badge-win{background:#1f7a4d;color:#eafff2}.badge-loss{background:#7a2f2f;color:#ffeaea}.badge-draw{background:#5a5a6a;color:#f0f0f5}.badge-aborted{background:#4a4030;color:#e8ddc8}.badge-unknown{background:#333;color:#ccc}.history-vs{color:var(--cream);font-size:.9rem}.history-meta{color:#8aa2b0;font-size:.75rem;font-family:var(--font-mono, monospace);white-space:nowrap}.history-watch{font-size:.8rem}.error-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;max-width:30rem}.error-detail{color:var(--cannon-red, #c0392b);font-family:var(--font-mono, monospace);font-size:.85rem;word-break:break-word}.profile{display:flex;flex-direction:column;height:100%;overflow-y:auto}.profile-bar,.leaderboard-bar{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid rgba(24,196,216,.15)}.profile-title,.leaderboard-title{font-family:var(--font-display, serif);font-size:1.2rem;margin:0}.profile-msg,.leaderboard-msg{padding:1.5rem;color:var(--ocean-turq);text-align:center}.profile-error,.leaderboard-error{color:var(--cannon-red, #c0392b)}.profile-body{padding:1.25rem;max-width:40rem;margin:0 auto;width:100%}.profile-name{font-family:var(--font-display, serif);font-size:1.8rem;margin:0 0 .5rem;text-align:center;color:var(--gold-trim, #d4ac2e)}.profile-record{display:flex;justify-content:center;gap:.9rem;align-items:baseline;margin-bottom:1.5rem;font-family:var(--font-mono, monospace);font-size:1.1rem}.record-w{color:#4bd08a;font-weight:700}.record-l{color:#e0725f;font-weight:700}.record-d{color:#b0b0c0;font-weight:700}.record-rate{color:var(--ocean-turq);font-size:.85rem}.profile-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ocean-turq);margin:1.25rem 0 .6rem;border-bottom:1px solid rgba(24,196,216,.15);padding-bottom:.3rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem}.profile-stat{display:flex;flex-direction:column;align-items:center;background:#081c2e80;border:1px solid rgba(24,196,216,.12);border-radius:6px;padding:.75rem .5rem}.profile-stat-value{font-family:var(--font-mono, monospace);font-size:1.5rem;font-weight:700;color:var(--cream)}.profile-stat-label{font-size:.68rem;color:var(--ocean-turq);text-align:center;margin-top:.2rem}.leaderboard{display:flex;flex-direction:column;height:100%;overflow-y:auto}.leaderboard-tabs{display:flex;gap:.4rem;padding:.75rem;justify-content:center}.lb-tab{background:transparent;border:1px solid var(--ocean-bright);color:var(--cream);border-radius:4px;padding:.35rem .8rem;cursor:pointer;font-size:.85rem}.lb-tab-active{background:var(--gold-trim, #d4ac2e);color:#10222c;border-color:var(--gold-trim, #d4ac2e)}.leaderboard-label{text-align:center;color:var(--ocean-turq);font-size:.8rem;margin:0 0 .5rem}.leaderboard-table{width:100%;max-width:40rem;margin:0 auto;border-collapse:collapse;font-size:.9rem}.leaderboard-table th{text-align:left;padding:.5rem .6rem;color:var(--ocean-turq);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(24,196,216,.2)}.leaderboard-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(24,196,216,.08);font-family:var(--font-mono, monospace)}.lb-pos{width:2.5rem;color:var(--ocean-turq)}.lb-name{font-family:var(--font-body, sans-serif);color:var(--cream)}.lb-num{text-align:right;width:3rem}.lb-me{background:#d4ac2e1f}.lb-me .lb-name{color:var(--gold-trim, #d4ac2e);font-weight:700}.newgame{display:flex;flex-direction:column;height:100%}.newgame-bar{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid rgba(24,196,216,.15)}.newgame-title{font-family:var(--font-display, serif);font-size:1.2rem;margin:0}.newgame-msg{padding:1.5rem;color:var(--ocean-turq);text-align:center}.newgame-error{color:var(--cannon-red, #c0392b)}.newgame-body{padding:1.5rem;max-width:32rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:.5rem}.newgame-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ocean-turq);margin-top:.75rem}.newgame-options{display:flex;flex-wrap:wrap;gap:.5rem}.newgame-opt{flex:1;min-width:8rem;background:#081c2e80;border:1px solid var(--ocean-bright);color:var(--cream);border-radius:6px;padding:.7rem .75rem;cursor:pointer;font-size:.9rem;text-align:center}.newgame-opt-active{background:var(--gold-trim, #d4ac2e);color:#10222c;border-color:var(--gold-trim, #d4ac2e);font-weight:700}.newgame-go{margin-top:1.25rem}.newgame-waiting-hint{text-align:center;color:var(--ocean-turq);font-size:.8rem;margin:.5rem 0 0}.disconnect-overlay{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.disconnect-card{background:#081c2ef0;border:1px solid var(--warm-orange, #d4820a);border-radius:8px;padding:.9rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;box-shadow:0 4px 16px #00000080;pointer-events:auto;min-width:16rem}.disconnect-title{font-family:var(--font-display, serif);color:var(--warm-orange, #d4820a);font-size:1rem;font-weight:700}.disconnect-countdown{font-family:var(--font-mono, monospace);font-size:2rem;font-weight:700;color:var(--cream);line-height:1}.disconnect-outcome{font-size:.8rem;color:var(--ocean-turq);text-align:center}.disconnect-hint{font-size:.72rem;color:#8aa2b0}.disconnect-abort{margin-top:.4rem;font-size:.82rem}.friends{display:flex;flex-direction:column;height:100%;overflow-y:auto}.friends-bar{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid rgba(24,196,216,.15);position:sticky;top:0;background:var(--deep-ocean, #081c2e);z-index:2}.friends-title{font-family:var(--font-display, serif);font-size:1.2rem;margin:0}.friends-error{color:var(--cannon-red, #c0392b);padding:.5rem 1rem;margin:0}.friends-search{display:flex;gap:.5rem;padding:.75rem 1rem;max-width:34rem;width:100%;margin:0 auto}.friends-search-input{flex:1;background:#081c2e99;border:1px solid var(--ocean-bright);border-radius:6px;color:var(--cream);padding:.55rem .75rem;font-size:.9rem}.friends-section{max-width:34rem;width:100%;margin:0 auto;padding:0 1rem}.friends-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ocean-turq);margin:1rem 0 .5rem;border-bottom:1px solid rgba(24,196,216,.15);padding-bottom:.3rem}.friends-empty{color:#8aa2b0;font-size:.85rem;padding:.5rem 0}.friends-list{list-style:none;margin:0;padding:0}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-radius:6px;border:1px solid rgba(24,196,216,.1);margin-bottom:.35rem;background:#081c2e66}.friend-name{color:var(--cream);font-size:.95rem}.friend-name-link{background:none;border:none;color:var(--ocean-turq);cursor:pointer;font-size:.95rem;padding:0;text-align:left}.friend-name-link:hover{text-decoration:underline}.friend-actions{display:flex;gap:.4rem;flex-shrink:0}.friend-btn{font-size:.78rem;padding:.3rem .6rem}.friend-btn-danger{color:var(--cannon-red, #c0392b)}.friend-status{color:#8aa2b0;font-size:.8rem;font-style:italic;padding:.3rem .4rem}.custom{display:flex;flex-direction:column;height:100%;overflow-y:auto}.custom-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem .6rem;border-bottom:1px solid rgba(24,196,216,.15);position:sticky;top:0;background:var(--deep-ocean, #081c2e);z-index:2}.custom-back{background:none;border:none;cursor:pointer;color:#9fc3d1;font:inherit;font-size:.9rem;padding:.25rem .35rem;border-radius:4px;flex-shrink:0}.custom-back:hover{color:var(--cream);background:#18c4d814}.custom-title{font-family:var(--font-display, serif);font-size:1.15rem;margin:0;color:var(--gold-trim, #d4ac2e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-error{color:var(--cannon-red, #c0392b);padding:.5rem .25rem;margin:.5rem 0 0;text-align:center;font-size:.85rem}.custom-body{width:100%;padding:.25rem .25rem 0;box-sizing:border-box}.custom-row{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.55rem 0;border-bottom:1px solid rgba(24,196,216,.08)}.custom-row-label{color:var(--cream);font-size:.85rem}.custom-row-control{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.custom-opts{display:flex;gap:.4rem;flex-wrap:wrap}.custom-opt{background:#081c2e80;border:1px solid var(--ocean-bright);color:var(--cream);border-radius:5px;padding:.35rem .7rem;cursor:pointer;font-size:.85rem}.custom-opt-active{background:var(--gold-trim, #d4ac2e);color:#10222c;border-color:var(--gold-trim, #d4ac2e);font-weight:700}.custom-slider{flex:1;min-width:0;accent-color:var(--gold-trim, #d4ac2e)}.custom-value{font-family:var(--font-mono, monospace);color:var(--cream);min-width:1.5rem;text-align:right;font-weight:700}.custom-number{width:5rem;background:#081c2e99;border:1px solid var(--ocean-bright);border-radius:5px;color:var(--cream);padding:.35rem .5rem;font-family:var(--font-mono, monospace)}.custom-check{display:flex;align-items:flex-start;gap:.45rem;color:#8aa2b0;font-size:.82rem;line-height:1.3}.custom-check input{margin-top:.15rem;flex-shrink:0}.custom-unit{color:#8aa2b0;font-size:.8rem}.custom-note{color:#8aa2b0;font-size:.78rem;margin:.5rem 0 .25rem}.custom-send-bar{position:sticky;bottom:0;z-index:2;margin-top:.75rem;padding:.6rem .25rem .5rem;background:var(--deep-ocean, #081c2e);box-shadow:0 -12px 14px -6px #081c2ef2}.custom-send{width:100%}.invite-banners{padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.invite-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#d4820a26;border:1px solid var(--warm-orange, #d4820a);border-radius:8px;padding:.6rem .9rem;max-width:40rem;margin:0 auto;width:100%}.invite-banner-text{color:var(--cream);font-size:.88rem}.invite-banner-actions{display:flex;gap:.4rem;flex-shrink:0}.invite-btn{font-size:.82rem}.friend-btn-invite{color:var(--gold-trim, #d4ac2e)}.friend-invite-sent{font-size:.78rem;color:#8fa3ad;font-style:italic;align-self:center;padding:0 .4rem;white-space:nowrap}.invite-banner-sent{background:#18c4d81a;border-color:#18c4d880}.invite-banner-notice{background:#ffffff0f;border-color:#fff3}.friendreq-toast{background:#18c4d81a;border-color:#18c4d880;animation:friendreq-in .25s ease-out}.friendreq-toast-icon{color:var(--gold-trim, #d4ac2e)}.friendreq-toast-close{padding-left:.6rem;padding-right:.6rem}@keyframes friendreq-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.friendreq-toast{animation:none}}.friends-ingame-hint{color:#8fa3ad;font-size:.82rem;font-style:italic;padding:.4rem .6rem;margin:0 0 .5rem;background:#ffffff0a;border-radius:6px}.custom-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-trim, #d4ac2e);margin:1.25rem 0 .4rem;border-bottom:1px solid rgba(212,172,46,.25);padding-bottom:.3rem}.game-undo{color:var(--gold-trim, #d4ac2e)}.game-undo-msg{text-align:center;color:var(--cannon-red, #c0392b);font-size:.8rem;padding:.3rem}.settings-panel,.content-panel{max-width:40rem;margin:0 auto;padding:2rem 1.5rem;color:var(--cream);overflow-y:auto;height:100%}.settings-title,.content-title{font-family:Cinzel,Georgia,serif;color:var(--gold-trim);font-size:1.8rem;margin:0 0 1.5rem}.settings-group{margin-bottom:2rem}.settings-group-title{font-family:Cinzel,Georgia,serif;color:var(--ocean-turq);font-size:1.1rem;margin:0 0 .75rem;border-bottom:1px solid rgba(24,196,216,.15);padding-bottom:.35rem}.settings-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;cursor:pointer}.settings-label{flex:1;font-size:.95rem}.settings-row-slider input[type=range]{flex:1;max-width:14rem}.settings-value{font-family:var(--font-mono, "IBM Plex Mono", monospace);min-width:2.2rem;text-align:right;color:var(--ocean-turq)}.settings-note{font-size:.85rem;color:#f5e9c88c;font-style:italic;margin:.5rem 0 0}.settings-link,.content-panel a{color:var(--ocean-turq)}.content-section{margin-bottom:1.75rem}.content-section h2{font-family:Cinzel,Georgia,serif;color:var(--ocean-turq);font-size:1.2rem;margin:0 0 .5rem}.content-section p{line-height:1.6;color:#f5e9c8d9;margin:0 0 .75rem}.learn-intro{font-size:1.05rem;line-height:1.6;color:var(--cream);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(24,196,216,.15)}.learn-list{line-height:1.7;color:#f5e9c8d9;padding-left:1.2rem}.learn-list li{margin-bottom:.35rem}.learn-list strong{color:var(--cream)}.learn-figure{display:block;max-width:320px;width:100%;height:auto;margin:.5rem 0 1rem;border-radius:8px;border:1px solid rgba(24,196,216,.15);background:var(--deep-ocean)}.learn-figure-wide{max-width:100%}.learn-warn{color:var(--gold-trim);font-style:italic;border-left:3px solid var(--gold-trim);padding-left:.75rem;margin:.75rem 0}.auth-forgot-link{background:none;border:none;color:var(--ocean-turq);font-size:.85rem;cursor:pointer;padding:.25rem;text-decoration:underline;align-self:center}.auth-forgot-link:hover{color:var(--cream)}.auth-title{font-family:Cinzel,Georgia,serif;color:var(--gold-trim);font-size:1.5rem;text-align:center;margin:0 0 1.25rem}.legal-updated{color:#f5e9c880;font-size:.82rem;font-style:italic;margin:-.5rem 0 1.5rem}.legal-doc .content-section h2{font-size:1.1rem}.tutorial-screen{position:relative;width:100%;height:100%}.tutorial-board{position:absolute;top:0;right:0;bottom:0;left:0}.tutorial-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cream);font-family:Cinzel,serif}.tutorial-chapters-overlay{position:absolute;top:1rem;right:1rem;z-index:8;background:#081c2ed1;border:1px solid rgba(24,196,216,.2);border-radius:10px;padding:.75rem;min-width:11rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-chapters .panel-title{font-family:Cinzel,serif;color:var(--gold-trim);font-size:.95rem;margin-bottom:.4rem}.tutorial-chapter-list{list-style:none;margin:0;padding:0}.tutorial-chapter{display:block;width:100%;text-align:left;background:none;border:none;color:#f5e9c8cc;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-family:Lato,sans-serif;font-size:.9rem}.tutorial-chapter:hover{background:#18c4d81a;color:var(--cream)}.tutorial-chapter-active{color:var(--ocean-turq);font-weight:600}.tutorial-exit{margin-top:.5rem;width:100%;font-size:.8rem}.tutorial-textbox{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9;max-width:560px;width:min(90%,560px);background:#081c2ef0;border:1px solid var(--gold-trim);border-radius:12px;padding:1.1rem 1.4rem;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cream)}.tutorial-text{line-height:1.55;font-size:1rem}.tutorial-text strong{color:var(--gold-trim)}.tutorial-next{margin-top:.9rem}@keyframes tutorial-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 8px))}40%{transform:translate(calc(-50% + 8px))}60%{transform:translate(calc(-50% - 5px))}80%{transform:translate(calc(-50% + 5px))}}.tutorial-shake{animation:tutorial-shake .5s ease;border-color:var(--cannon-red);background:#3c1014f0}.tutorial-target-dot{animation:tutorial-dot-pulse 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes tutorial-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.9)}}.rules-panel{max-width:900px;height:100%;display:flex;flex-direction:column}.rules-hint{color:#f5e9c8b3;font-size:.9rem;margin-bottom:.75rem}.rules-pages{display:flex;flex-direction:column;gap:1.25rem;align-items:center}.rules-page-img{width:100%;max-width:820px;height:auto;border-radius:8px;border:1px solid rgba(24,196,216,.18);box-shadow:0 4px 16px #00000059}.tutorial-panel{display:flex;flex-direction:column;height:100%;padding:.75rem;gap:.6rem;color:var(--cream);overflow-y:auto}.tutorial-chapters-toggle{display:flex;justify-content:space-between;align-items:center;background:#18c4d814;border:1px solid rgba(24,196,216,.2);border-radius:8px;padding:.5rem .75rem;color:var(--ocean-turq);font-family:Cinzel,serif;cursor:pointer;font-size:.9rem}.tutorial-message{background:#081c2e99;border:1px solid var(--gold-trim);border-radius:10px;padding:1rem;line-height:1.55}.tutorial-message-chapter{font-family:Cinzel,serif;color:var(--gold-trim);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.tutorial-message .tutorial-text strong{color:var(--gold-trim)}.tutorial-message .tutorial-next{margin-top:.85rem;width:100%}.tutorial-exit{margin-top:auto}.tutorial-finale{margin-top:.75rem;background:#d4ac2e14}.tutorial-finale .tutorial-text b{color:var(--gold-trim)}.tutorial-message{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.tutorial-flash-red{border-color:var(--cannon-red)!important;box-shadow:0 0 16px #c0392b8c;background:#3c101499!important;animation:tut-flash-red .6s ease}.tutorial-flash-green{border-color:#3ad16a!important;box-shadow:0 0 16px #3ad16a80;background:#10361e80!important;animation:tut-flash-green .6s ease}@keyframes tut-flash-red{0%,to{box-shadow:0 0 #c0392b00}30%{box-shadow:0 0 20px #c0392bb3}}@keyframes tut-flash-green{0%,to{box-shadow:0 0 #3ad16a00}30%{box-shadow:0 0 20px #3ad16ab3}}.game-settings-cog{position:absolute;top:.75rem;right:.75rem;z-index:30}.game-settings-cog-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#081c2eb8;border:1px solid var(--gold-trim);color:var(--gold-trim);cursor:pointer;transition:transform .15s ease,background .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-settings-cog-btn:hover{background:#081c2ee6;transform:rotate(30deg)}.game-settings-menu{position:absolute;top:48px;right:0;min-width:250px;background:#081c2ef5;border:1px solid var(--gold-trim);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 24px #0006}.game-settings-title{font-family:Cinzel,serif;color:var(--gold-trim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.game-settings-menu .game-toggle{display:flex;align-items:center;gap:.5rem;color:var(--cream);font-size:.85rem;cursor:pointer;line-height:1.3}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-panel{background:#081c2efa;border:1px solid var(--gold-trim);border-radius:12px;padding:1.25rem;min-width:320px;max-width:90vw;color:var(--cream);box-shadow:0 12px 40px #00000080}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.profile-name{font-family:Cinzel,serif;color:var(--gold-trim);font-size:1.15rem}.profile-close{background:none;border:none;color:var(--cream);font-size:1.5rem;cursor:pointer;line-height:1;padding:0 .25rem}.profile-actions{display:flex;flex-direction:column;gap:.6rem}.profile-delete-link{color:var(--cannon-red)}.profile-warning{color:var(--cream);font-size:.85rem;line-height:1.5;margin-bottom:.85rem;background:#c0392b1f;border:1px solid rgba(192,57,43,.4);border-radius:8px;padding:.65rem}.profile-input{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--gold-trim);background:#0000004d;color:var(--cream);font-size:.9rem;box-sizing:border-box}.profile-error{color:var(--cannon-red);font-size:.82rem;margin-top:.5rem}.profile-confirm-actions{display:flex;gap:.5rem;margin-top:.85rem;justify-content:flex-end}.profile-delete-btn{background:var(--cannon-red);border-color:var(--cannon-red);color:#fff}.rules-table-wrap{overflow-x:auto}.rules-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.9rem;color:#f5e9c8e6}.rules-table th,.rules-table td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid rgba(24,196,216,.18)}.rules-table th{font-family:Cinzel,serif;color:var(--gold-trim);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gold-trim)}.rules-table tbody tr:hover{background:#18c4d80f}.rules-table strong{color:var(--warm-orange)}.ml-round-step{cursor:pointer}.ml-round-step.ml-round-active{background:#18c4d824;border-radius:6px}.ml-round-actions{display:inline-flex;align-items:center;gap:.3rem;margin-right:.5rem}.ml-rb-tag{font-family:Cinzel,serif;font-size:.7rem;font-weight:600;color:var(--gold-trim);letter-spacing:.05em;padding:.05rem .3rem;border:1px solid var(--gold-trim);border-radius:4px}.ml-rb-discovered.ml-side-white{color:#f5e9c8}.ml-rb-discovered.ml-side-black{color:#4a4a4a}.replay-labels-btn.is-active{color:var(--gold-trim);background:#18c4d824}.lb-section-title{font-family:Cinzel,serif;color:var(--gold-trim);font-size:1.05rem;margin:.25rem 0 .1rem}.lb-section-title-spaced{margin-top:2rem}.lb-section-note{color:#f5e9c899;font-size:.82rem;margin:0 0 .75rem}.lb-games{font-weight:600;color:var(--gold-trim)}.lb-coming-soon{border:1px dashed rgba(24,196,216,.3);border-radius:8px;padding:1.25rem;text-align:center;background:#18c4d80a}.lb-coming-soon-badge{font-family:Cinzel,serif;color:var(--warm-orange);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem}.profile-danger-zone{margin-top:2.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);text-align:left}.profile-delete-text{background:none;border:none;padding:.25rem 0;color:#dc786ebf;font-size:.78rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.profile-delete-text:hover{color:#e6645af2}.tutorial-round-badge{position:absolute;top:.75rem;left:50%;transform:translate(-50%);z-index:20;padding:.3rem .9rem;font-family:Cinzel,serif;font-size:1rem;font-weight:600;color:var(--gold-trim);background:#0a1e28cc;border:1px solid var(--gold-trim);border-radius:999px;letter-spacing:.04em;pointer-events:none;transition:transform .2s ease}.tutorial-round-pop{animation:tutRoundPop .65s ease}@keyframes tutRoundPop{0%{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.5);color:var(--warm-orange)}to{transform:translate(-50%) scale(1)}}@keyframes ts-turn-flag-bump{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.turn-flag-pulse{transform-box:fill-box;transform-origin:center;animation:ts-turn-flag-bump .7s ease-in-out both}@media(prefers-reduced-motion:reduce){.turn-flag-pulse{animation:none}}