:root{--nav-w: 200px;--panel-w: 288px;--rail-w: 160px;--rail-w-xl: 300px}.shell{display:grid;position:relative;grid-template-columns:var(--nav-w) 1fr var(--panel-w) var(--rail-w);grid-template-areas:"nav stage panel rail";height:100vh;width:100vw;overflow:hidden;background:var(--deep-ocean, #081c2e);color:var(--cream, #faf4e1)}.shell-no-ads{grid-template-columns:var(--nav-w) 1fr var(--panel-w);grid-template-areas:"nav stage panel"}.shell-no-board.shell-no-ads{grid-template-columns:var(--nav-w) 1fr;grid-template-areas:"nav panel"}@media(min-width:900px){.shell-showcase,.shell-showcase.shell-no-ads,.shell-showcase.shell-no-board{grid-template-columns:var(--nav-w) 1fr;grid-template-areas:"nav stage"}.shell-showcase .stage{grid-area:stage}.shell-showcase .rightpanel{grid-area:unset;position:absolute;top:0;right:0;bottom:0;width:calc((100vw - var(--nav-w, 200px)) / 3)!important;border-left:none;background:linear-gradient(to right,rgba(8,28,46,0) 0%,rgba(8,28,46,.25) 30%,rgba(8,28,46,.7) 65%,var(--deep-ocean, #081c2e) 100%);z-index:5;overflow:visible}.shell-showcase .farrail{display:none}}.leftnav{grid-area:nav}.stage{grid-area:stage;position:relative;overflow:hidden}.rightpanel{grid-area:panel;overflow-y:auto;border-left:1px solid rgba(24,196,216,.12)}.farrail{grid-area:rail;overflow:hidden;border-left:1px solid rgba(24,196,216,.08);background:#00000026}.shell-no-board{grid-template-columns:var(--nav-w) 1fr var(--rail-w);grid-template-areas:"nav panel rail"}.shell-no-board .stage{display:none}@media(min-width:1440px){.shell{--rail-w: var(--rail-w-xl)}}.leftnav{display:flex;flex-direction:column;padding:.75rem;border-right:1px solid rgba(24,196,216,.12);background:var(--deep-ocean, #081c2e)}.leftnav-brand{font-family:var(--font-display, serif);font-size:1.1rem;font-weight:700;letter-spacing:.04em;margin-bottom:1.25rem;color:var(--cream)}.leftnav-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.leftnav-item{width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--cream);padding:.5rem .6rem;border-radius:6px;font-size:.95rem;font-family:var(--font-display, serif);letter-spacing:.02em}.leftnav-item:hover{background:#18c4d814}.leftnav-item-active{background:#d4ac2e26;color:var(--gold-trim, #d4ac2e)}.leftnav-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:.1em;min-width:1.15rem;height:1.15rem;padding:0 .3rem;margin-left:.45rem;border-radius:999px;background:var(--warm-orange, #d4820a);color:#0b1a26;font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:700;line-height:1}.nav-hamburger-dot{position:absolute;top:.3rem;right:.3rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--warm-orange, #d4820a);box-shadow:0 0 0 2px #081c2ee6}.leftnav-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.leftnav-auth{display:flex;flex-direction:column;gap:.4rem}.player-pill{border:1px solid var(--ocean-bright, #1a9fc0);background:#081c2e99;color:var(--cream);border-radius:999px;padding:.45rem .8rem;cursor:pointer;font-family:var(--font-mono, monospace);font-size:.85rem}.leftnav-lang{font-size:.72rem;color:#8aa2b0}.leftnav-flavour{font-size:.72rem;font-style:italic;color:#7d95a3;line-height:1.3}.leftnav-flavour-by{display:block;font-size:.62rem}.leftnav-conn{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#6b8290}.conn-connected{color:#4caf7d}.conn-connecting,.conn-reconnecting{color:var(--warm-orange, #d4820a)}.conn-disconnected{color:var(--cannon-red, #c0392b)}.nav-hamburger,.nav-scrim{display:none}.rightpanel{padding:.75rem}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.stage-overlay>*{pointer-events:auto}.shell-gateway .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#081c2eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}@media(max-width:1151px){.shell,.shell-no-ads{grid-template-columns:var(--nav-w) 1fr var(--panel-w);grid-template-areas:"nav stage panel"}.shell-no-board{grid-template-columns:var(--nav-w) 1fr;grid-template-areas:"nav panel"}.farrail{display:none}}@media(max-width:899px){.shell,.shell-no-ads,.shell-no-board{grid-template-columns:1fr var(--panel-w);grid-template-areas:"stage panel"}.shell-no-board{grid-template-columns:1fr;grid-template-areas:"panel"}.nav-hamburger{display:flex;position:fixed;top:.6rem;left:.6rem;z-index:40;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;background:#081c2ee6;border:1px solid var(--ocean-bright, #1a9fc0);border-radius:8px;color:var(--cream);font-size:1.2rem;cursor:pointer}.leftnav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-w);z-index:45;transform:translate(-100%);transition:transform .2s ease}.leftnav-open{transform:translate(0)}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#00000080}}@media(max-width:899px){.shell-no-board,.shell-no-board.shell-browse,.shell-no-board.shell-configure,.shell-no-board.shell-play,.shell-no-board.shell-showcase{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"panel"}.shell-no-board .stage{display:none}.shell-configure,.shell-browse{grid-template-columns:1fr;grid-template-rows:40% 1fr;grid-template-areas:"stage" "panel"}.shell-configure .rightpanel,.shell-browse .rightpanel{border-left:none;border-top:1px solid rgba(24,196,216,.12)}.shell-play,.shell-showcase{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"stage" "panel"}.shell-play .rightpanel,.shell-showcase .rightpanel{border-left:none;border-top:1px solid rgba(24,196,216,.12);max-height:38vh}}@media(max-width:599px){.shell,.shell-no-ads,.shell-no-board,.shell-configure,.shell-browse,.shell-play,.shell-showcase{grid-template-columns:1fr}.shell-play{grid-template-rows:1fr auto;grid-template-areas:"stage" "panel"}.shell-play .rightpanel{max-height:32vh}.shell-showcase{grid-template-rows:1fr auto;grid-template-areas:"stage" "panel"}.shell-configure,.shell-browse{grid-template-rows:32% 1fr;grid-template-areas:"stage" "panel"}.shell-no-board,.shell-no-board.shell-browse,.shell-no-board.shell-configure,.shell-no-board.shell-play,.shell-no-board.shell-showcase{grid-template-rows:1fr;grid-template-areas:"panel"}.rightpanel{padding:.5rem}}.stage-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ad-slot{display:flex;align-items:flex-start;justify-content:center;padding-top:1rem;color:#6b8290;font-size:.85rem;height:100%}.home-panel{display:flex;flex-direction:column;gap:.6rem;padding:.75rem .5rem 1rem;justify-content:flex-start;align-items:flex-end}.home-brand-logo{display:block;margin:0 0 1rem auto;width:clamp(360px,calc((100vw - var(--nav-w, 200px)) * .4),760px);height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.home-brand-title{font-family:var(--font-display, serif);font-size:1.5rem;font-weight:700;text-align:center;color:var(--cream);letter-spacing:.03em;line-height:1.1;margin-bottom:.75rem}.home-setsail{font-size:1.15rem;padding:.85rem;font-family:var(--font-display, serif);letter-spacing:.05em}.home-or{text-align:center;color:#6b8290;font-size:.8rem;margin:.15rem 0}.home-quick{width:100%}.home-bot{border:1px solid rgba(24,196,216,.15);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.home-bot-label{font-size:.8rem;color:var(--ocean-turq, #18c4d8);text-transform:uppercase;letter-spacing:.06em}.home-bot-row{display:flex;align-items:center;gap:.35rem}.home-bot-sub{font-size:.75rem;color:#8aa2b0;width:3rem}.chip{background:#081c2e80;border:1px solid var(--ocean-bright, #1a9fc0);color:var(--cream);border-radius:5px;padding:.3rem .55rem;cursor:pointer;font-size:.82rem}.chip-active{background:var(--gold-trim, #d4ac2e);color:#10222c;border-color:var(--gold-trim, #d4ac2e);font-weight:700}.home-signin{margin-top:.5rem;font-size:.85rem}.game-stage,.game-stage .game-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.game-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0}.game-log{display:flex;flex-direction:column;min-height:0;flex:1}.game-log .panel-body{min-height:0;flex:1;display:flex;flex-direction:column}.panel-container{border:1px solid rgba(24,196,216,.15);border-radius:8px;overflow:hidden}.panel-title{font-family:var(--font-display, serif);font-size:1rem;text-align:center;padding:.5rem;background:#18c4d814;color:var(--cream);border-bottom:1px solid rgba(24,196,216,.15)}.panel-body{padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.game-panel-actions{margin-top:auto;display:flex;gap:.5rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}.game-panel-actions .btn{flex:0 0 auto}.game-resign{color:#8fa3ad;opacity:.8}.game-resign:hover{color:var(--cannon-red, #c0392b);opacity:1}.game-options{flex:0 0 auto}.game-options-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;color:inherit;font:inherit;padding:0;text-align:left}.game-options-chevron{color:#6b8290;font-size:.8rem}.ad-slot-frozen{opacity:.6;filter:grayscale(.4)}@media(max-width:599px){.shell-play .farrail{display:none}}.leftnav-brand-btn{background:none;border:none;cursor:pointer;text-align:left;width:100%;padding:0}.leftnav-brand-btn:hover{color:var(--gold-trim, #d4ac2e)}.shell-topbanner{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;pointer-events:none}.game-progress-banner{pointer-events:auto;display:flex;align-items:center;gap:1rem;background:var(--warm-orange, #d4820a);color:#10222c;padding:.5rem 1rem;border-radius:0 0 10px 10px;box-shadow:0 2px 12px #00000059;font-weight:600}.gpb-text{font-size:.9rem}.gpb-return{padding:.3rem .8rem;font-size:.85rem}.configure-panel{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem}.mode-card{width:100%;text-align:left;cursor:pointer;background:#081c2e80;border:1px solid rgba(24,196,216,.15);border-radius:8px;padding:.6rem .75rem;margin-bottom:.5rem;color:var(--cream)}.mode-card:hover{border-color:var(--ocean-bright, #1a9fc0)}.mode-card-active{border-color:var(--gold-trim, #d4ac2e);background:#d4ac2e1a}.mode-card-name{font-family:var(--font-display, serif);font-size:1rem;font-weight:700;margin-bottom:.35rem;color:var(--gold-trim, #d4ac2e)}.mode-card-spec{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.mode-card-spec li{font-size:.8rem;color:#b8c9d2}.mode-card-spec li:before{content:"➭ ";color:var(--ocean-turq, #18c4d8)}.cfg-timer-row{display:flex;gap:.4rem}.cfg-go{font-size:1.05rem;padding:.7rem;font-family:var(--font-display, serif);letter-spacing:.04em}.cfg-waiting{font-size:.8rem;color:#8aa2b0;text-align:center;margin:.2rem 0}.cfg-or{text-align:center;color:#6b8290;font-size:.8rem}.cfg-instant{width:100%}.cfg-instant-hint{font-size:.75rem;color:#6b8290;text-align:center;margin:.1rem 0 0}.cfg-msg{color:#8aa2b0;font-size:.85rem}.cfg-error{color:var(--cannon-red, #c0392b)}.showcase-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.75rem;height:100%;padding:4.5rem 2rem 1.5rem .4rem}.showcase-logo{width:100%;max-width:none;height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.showcase-brand{font-family:var(--font-display, serif);font-size:2rem;font-weight:700;text-align:center;color:var(--cream);letter-spacing:.04em;line-height:1.05}.btn.showcase-setsail{font-size:clamp(1.35rem,2.4vw,2rem);padding:.9rem 2.5rem;white-space:nowrap;font-family:var(--font-display, serif);letter-spacing:.06em;color:#fff;border-width:2px;box-shadow:none}@media(max-width:899px){.showcase-panel{flex-direction:row;gap:1rem;padding:.75rem 1rem;justify-content:center}.showcase-logo{width:auto;max-height:3.2rem;max-width:55%}.btn.showcase-setsail{font-size:1.6rem;padding:.6rem 1.4rem;white-space:nowrap}}.leftnav-logo{width:100%;max-width:168px;height:auto;display:block}.showcase-stats{position:absolute;left:1.5rem;bottom:1.4rem;z-index:4;pointer-events:none;text-align:left;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.55);line-height:1.4}.showcase-stats-title{font-family:Cinzel,Georgia,serif;font-weight:500;color:#a8d8dc;font-size:1.1rem;letter-spacing:.03em;margin-bottom:.5rem}.showcase-stats-row{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:.9rem;color:#a8d8dc;letter-spacing:.02em}.showcase-stats-label{color:#a8d8dc}.showcase-stats-val{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:400;color:#fff;text-transform:none}@media(max-width:899px){.showcase-stats{left:1rem;bottom:1rem}}.playselect-panel{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem .75rem}.playselect-title{font-family:var(--font-display, serif);font-size:1.3rem;text-align:center;color:var(--cream);margin-bottom:.75rem}.playselect-opt{width:100%;font-size:1.05rem;padding:.85rem;font-family:var(--font-display, serif);letter-spacing:.03em}.auth-standalone{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 800px at 50% -10%,#0f2c40 0%,var(--deep-ocean) 60%);padding:1rem}.auth-guest{margin-top:.25rem}.auth-guest-note{font-size:.72rem;color:#6b8290;text-align:center;margin-top:.5rem}.bot-card{width:100%;text-align:left;cursor:pointer;margin-bottom:.5rem;background:#081c2e80;border:1px solid rgba(24,196,216,.15);border-radius:8px;padding:.6rem .75rem;color:var(--cream)}.bot-card:hover{border-color:var(--ocean-bright, #1a9fc0)}.bot-card-active{border-color:var(--gold-trim, #d4ac2e);background:#d4ac2e1a}.bot-card-name{font-family:var(--font-display, serif);font-size:1rem;font-weight:700;color:var(--gold-trim, #d4ac2e);margin-bottom:.2rem}.bot-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bot-card-head .bot-card-name{margin-bottom:0}.bot-card-skulls{font-size:.85rem;letter-spacing:1px;line-height:1;flex-shrink:0}.bot-card-skulls-empty,.bot-card-skulls-none{opacity:.22}.bot-card-blurb{font-size:.8rem;color:#b8c9d2;line-height:1.3;margin-top:.2rem}.bot-card-next{display:inline-block;white-space:nowrap;margin-left:.5rem;padding:.05rem .4rem;border-radius:999px;vertical-align:2px;font-family:inherit;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-trim, #d4ac2e);border:1px solid rgba(212,172,46,.6)}.skull-card{width:100%;text-align:left;cursor:pointer;margin-bottom:.5rem;background:#081c2e80;border:1px solid rgba(24,196,216,.15);border-radius:8px;padding:.55rem .7rem;color:var(--cream)}.skull-card:hover{border-color:var(--ocean-bright, #1a9fc0)}.skull-card-active{border-color:var(--gold-trim, #d4ac2e);background:#d4ac2e1a}.skull-card-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.15rem}.skull-card-skulls{font-size:.95rem}.skull-card-name{font-family:var(--font-display, serif);font-weight:700;color:var(--gold-trim, #d4ac2e)}.skull-card-desc{font-size:.78rem;color:#b8c9d2}.gameover-card{background:#081c2ef5;border:1px solid var(--gold-trim, #d4ac2e);border-radius:14px;padding:1.5rem 2rem;max-width:380px;width:90%;box-shadow:0 12px 48px #0000008c;text-align:center;display:flex;flex-direction:column;gap:.75rem;max-height:90vh;box-sizing:border-box}.gameover-headline{font-family:var(--font-display, serif);font-size:2.2rem;margin:0;letter-spacing:.03em}.gameover-win{color:var(--gold-trim, #d4ac2e)}.gameover-loss{color:var(--cannon-red, #c0392b)}.gameover-draw{color:var(--ocean-turq, #18c4d8)}.gameover-reason{color:#b8c9d2;font-size:.9rem;margin:0}.gameover-stats{display:flex;justify-content:center;gap:1.5rem;margin:.25rem 0}.gameover-stat{display:flex;flex-direction:column}.gameover-stat-value{font-family:var(--font-mono, monospace);font-size:1.5rem;color:var(--cream)}.gameover-stat-label{font-size:.7rem;color:#8aa2b0;text-transform:uppercase;letter-spacing:.06em}.gameover-awards{display:flex;flex-direction:column;gap:.4rem;margin:.25rem 0;overflow-y:auto;min-height:0;max-height:40vh}.gameover-award{background:#d4ac2e14;border:1px solid rgba(212,172,46,.3);border-radius:8px;padding:.5rem .75rem;text-align:left;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .4s ease,transform .4s ease}.gameover-award-in{opacity:1;transform:translateY(0) scale(1)}.gameover-award-name{display:block;font-family:var(--font-display, serif);font-weight:700;color:var(--gold-trim, #d4ac2e);font-size:.95rem}.gameover-award-blurb{display:block;font-size:.78rem;color:#b8c9d2}.gameover-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.gameover-skull{text-align:center;margin:.5rem 0;padding:.6rem .75rem;background:#d4ac2e1a;border:1px solid rgba(212,172,46,.3);border-radius:8px}.gameover-skull-crowns{font-size:1.5rem;letter-spacing:3px;line-height:1}.gameover-skull-text{font-family:var(--font-display, serif);color:var(--gold-trim, #d4ac2e);font-size:.95rem;margin-top:.3rem}.gameover-skull-note{font-size:.75rem;color:#b8c9d2;margin-top:.25rem}.game-panel-over{opacity:.4;pointer-events:none}.gameover-results{max-width:440px}.gameover-tone-win{border-color:var(--gold-trim, #d4ac2e);box-shadow:0 12px 48px #0000008c,0 0 40px #d4ac2e2e}.gameover-tone-loss{border-color:#c0392bbf}.gameover-tone-draw{border-color:#18c4d899}.gameover-headline-in{animation:go-headline-in .7s cubic-bezier(.2,1.4,.4,1) both}.gameover-win.gameover-headline-in{animation:go-headline-in .7s cubic-bezier(.2,1.4,.4,1) both,go-gold-glow 2.4s ease-in-out .7s infinite}.gameover-loss.gameover-headline-in{animation:go-headline-sink .8s ease-out both}@keyframes go-headline-in{0%{transform:scale(.55);opacity:0;letter-spacing:.35em}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);letter-spacing:.03em}}@keyframes go-headline-sink{0%{transform:translateY(-14px);opacity:0}70%{transform:translateY(3px);opacity:1}to{transform:translateY(0)}}@keyframes go-gold-glow{0%,to{text-shadow:0 0 0 rgba(212,172,46,0)}50%{text-shadow:0 0 18px rgba(212,172,46,.55)}}.gameover-fade-in{animation:go-fade-in .5s ease-out .25s both}@keyframes go-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gameover-stat-in{animation:go-stat-in .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes go-stat-in{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}.gameover-awards-wrap{display:flex;flex-direction:column;gap:.5rem;min-height:0;flex:1 1 auto}.gameover-awards-title{font-family:var(--font-display, serif);color:var(--gold-trim, #d4ac2e);font-size:.95rem;letter-spacing:.04em}.gameover-awards-count{display:inline-block;min-width:1.4em;padding:0 .35em;margin-left:.25em;border-radius:999px;background:#d4ac2e2e;font-family:var(--font-mono, monospace);font-size:.8rem}.gameover-award-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.6rem;overflow-y:auto;min-height:0;flex:1 1 auto;padding:.4rem .2rem}.gameover-results{max-height:min(90vh,calc(100% - 16px))}.gameover-award-tile{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;opacity:0;transform:scale(.2)}.gameover-award-tile.is-in{animation:award-pop .6s cubic-bezier(.2,1.5,.4,1) both}@keyframes award-pop{0%{opacity:0;transform:scale(.2) rotate(-14deg)}55%{opacity:1;transform:scale(1.18) rotate(5deg)}78%{transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.gameover-award-icon{position:relative;width:64px;height:64px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe28c59,#d4ac2e1f 60%,#081c2e99);border:2px solid rgba(212,172,46,.7);overflow:visible}.gameover-award-icon img{width:100%;height:100%;object-fit:contain;border-radius:10px}.gameover-award-glyph{font-size:1.9rem;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.gameover-award-tile.is-in .gameover-award-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;border:2px solid rgba(255,214,102,.9);animation:award-burst .7s ease-out .15s both;pointer-events:none}@keyframes award-burst{0%{opacity:.95;transform:scale(.8)}to{opacity:0;transform:scale(1.55)}}.gameover-award-tile.is-in .gameover-award-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);background-size:250% 100%;animation:award-shine .9s ease-out .35s both}@keyframes award-shine{0%{background-position:120% 0}to{background-position:-60% 0}}.gameover-award-x{position:absolute;right:-8px;bottom:-6px;padding:.05rem .35rem;border-radius:999px;background:var(--cannon-red, #c0392b);color:#fff;font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;box-shadow:0 2px 6px #0006}.gameover-award-tile-name{font-family:var(--font-display, serif);font-weight:700;color:var(--gold-trim, #d4ac2e);font-size:.8rem;line-height:1.15}.gameover-award-tile-blurb{font-size:.68rem;color:#b8c9d2;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gameover-continue{display:flex;flex-direction:column;margin-top:.25rem}.gameover-actions-card{max-width:300px;padding:1.1rem 1.4rem;gap:.6rem;animation:go-fade-in .3s ease-out both}.gameover-mini-headline{font-family:var(--font-display, serif);font-size:1.3rem;letter-spacing:.03em}.gameover-textlink{background:none;border:none;color:#8aa2b0;font-size:.8rem;cursor:pointer;padding:.2rem;align-self:center}.gameover-textlink:hover{color:var(--cream, #faf4e1);text-decoration:underline}@media(prefers-reduced-motion:reduce){.gameover-headline-in,.gameover-win.gameover-headline-in,.gameover-loss.gameover-headline-in,.gameover-fade-in,.gameover-stat-in,.gameover-actions-card{animation:none}.gameover-award-tile{opacity:1;transform:none}.gameover-award-tile.is-in{animation:none}.gameover-award-tile.is-in .gameover-award-icon:after,.gameover-award-tile.is-in .gameover-award-icon:before{animation:none;opacity:0}}.replay-stage,.replay-stage .game-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.replay-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8aa2b0;font-size:1rem}.replay-empty-error{color:var(--cannon-red, #c0392b)}.browse-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0}.browse-history{display:flex;flex-direction:column;min-height:0;flex:1}.browse-history .browse-list{flex:1;overflow-y:auto;gap:.2rem;min-height:0}.browse-list{overflow-y:auto;gap:.2rem}.browse-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:.4rem;align-items:baseline;width:100%;text-align:left;cursor:pointer;background:none;border:none;color:var(--cream);padding:.4rem .5rem;border-radius:6px;font-size:.85rem}.browse-row:hover{background:#18c4d814}.browse-row-num{color:#6b8290}.browse-row-opp{font-family:var(--font-display, serif)}.browse-row-outcome{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.outcome-win{color:#4caf7d}.outcome-loss{color:var(--cannon-red, #c0392b)}.outcome-draw{color:var(--ocean-turq, #18c4d8)}.browse-row-when{color:#6b8290;font-size:.72rem}.replay-bar{display:flex;align-items:center;gap:.5rem}.replay-controls{display:flex;gap:.2rem;justify-content:flex-start;flex:0 0 auto;padding:0;flex-wrap:nowrap}.replay-scrubber{flex:1;min-width:4rem;margin:0;accent-color:var(--gold-trim, #d4ac2e)}.replay-counter{font-family:var(--font-mono, monospace);font-size:.72rem;color:#8aa2b0;text-align:center;margin-top:.35rem}.browse-exit{margin-top:auto}.browse-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .15rem 0;border-top:1px solid rgba(24,196,216,.12);flex:0 0 auto}.browse-actions-right{display:flex;align-items:center;gap:.2rem}.browse-actions-right .browse-link+.browse-link:before{content:"·";color:#4d6572;margin-right:.45rem}.browse-link{background:none;border:none;cursor:pointer;padding:.3rem .35rem;border-radius:4px;color:#9fc3d1;font-size:.85rem;font-family:inherit;white-space:nowrap}.browse-link:hover{color:var(--cream, #faf4e1);background:#18c4d814}.browse-link:focus-visible{outline:2px solid var(--gold-trim, #d4ac2e);outline-offset:1px}.btn-compact{padding:.25rem .5rem;font-size:.85rem;min-width:2rem;line-height:1}.browse-review{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0}.replay-transport{flex:0 0 auto}.replay-log{display:flex;flex-direction:column;min-height:0;flex:1}.replay-log .panel-body{min-height:0;flex:1;display:flex;flex-direction:column}.move-list-scroll{overflow-y:auto;min-height:0;flex:1}.crowsnest-panel{display:flex;flex-direction:column;gap:.75rem;min-height:0;padding-bottom:1rem}.cn-awards-container{display:flex;flex-direction:column;min-height:0;flex:1}.cn-awards-container .panel-body{overflow-y:auto;min-height:0}.cn-header{text-align:center;padding:.5rem 0}.cn-name{font-family:var(--font-display, serif);font-size:1.5rem;font-weight:700;color:var(--gold-trim, #d4ac2e);letter-spacing:.03em}.cn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cn-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.cn-stat-value{font-family:var(--font-mono, monospace);font-size:1.4rem;color:var(--cream)}.cn-stat-label{font-size:.68rem;color:#8aa2b0;text-transform:uppercase;letter-spacing:.05em}.cn-awards{display:flex;flex-direction:column;gap:.4rem}.cn-award{background:#d4ac2e0f;border:1px solid rgba(212,172,46,.25);border-radius:8px;padding:.45rem .65rem}.cn-award-name{display:block;font-family:var(--font-display, serif);font-weight:700;color:var(--gold-trim, #d4ac2e);font-size:.9rem}.cn-award-blurb{display:block;font-size:.75rem;color:#b8c9d2}.cn-noawards{color:#8aa2b0;font-size:.85rem}.cn-guest{text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.cn-guest-sub{font-size:.82rem;color:#8aa2b0}.cn-exit{margin-top:auto}.cn-mynest{align-self:stretch;padding:.5rem 1rem;font-size:.9rem}.cn-viewing{display:block;font-size:.72rem;color:#9fc3d1;margin-top:.2rem;letter-spacing:.03em}.crowsnest-friend .panel-container{background:#46a0c81a;border-color:#78c8e659}.crowsnest-friend .panel-title{background:#46a0c838;border-bottom-color:#78c8e659}.cn-award-count{color:var(--ocean-turq, #18c4d8);font-family:var(--font-mono, monospace);font-size:.85em}.cn-bots{display:flex;flex-direction:column;gap:.35rem}.cn-bot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;background:#081c2e66;border-radius:6px}.cn-bot-name{font-family:var(--font-display, serif);color:var(--cream);font-size:.9rem}.cn-bot-skulls{font-size:.85rem;letter-spacing:1px;flex-shrink:0}.cn-bot-skulls-empty{opacity:.22}.friends-panel,.leaderboard-panel{display:flex;flex-direction:column;gap:.75rem;min-height:0;padding-bottom:1rem}.friends-panel .friends-search{display:flex;gap:.4rem}.friends-panel .friends-search-input{flex:1;padding:.5rem .6rem;border-radius:6px;background:#081c2e80;border:1px solid rgba(24,196,216,.2);color:var(--cream)}.friends-panel .friends-error{color:var(--cannon-red, #c0392b);font-size:.85rem;margin-bottom:.4rem}.friends-panel .friends-empty{color:#b8c9d2;font-size:.85rem}.friends-panel .friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.friends-panel .friend-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;background:#081c2e66;border-radius:6px}.friends-panel .friend-name{color:var(--cream);font-size:.9rem;background:none;border:none;padding:0}.friends-panel .friend-name-link{cursor:pointer;text-decoration:none}.friends-panel .friend-name-link:hover{color:var(--ocean-turq);text-decoration:underline}.friends-panel .friend-actions{display:flex;gap:.3rem;flex-shrink:0}.friends-panel .friend-btn{font-size:.75rem;padding:.25rem .5rem}.friends-panel .friend-btn-danger{color:var(--cannon-red, #c0392b)}.friends-panel .friend-btn-invite{color:var(--gold-trim, #d4ac2e)}.friends-panel .friend-status{font-size:.75rem;color:#8fa3ad;padding:.25rem .4rem}.lb-panel-head{flex-shrink:0}.lb-panel-body{display:flex;flex-direction:column;min-height:0;flex:1}.lb-panel-body .panel-body{overflow-y:auto;min-height:0}.leaderboard-panel .leaderboard-tabs{display:flex;gap:.4rem;justify-content:center;margin-top:.4rem}.leaderboard-panel .lb-tab{padding:.3rem .6rem;border-radius:6px;font-size:.8rem;cursor:pointer;background:#081c2e80;border:1px solid rgba(24,196,216,.15);color:var(--cream)}.leaderboard-panel .lb-tab-active{border-color:var(--gold-trim, #d4ac2e);background:#d4ac2e1a}.leaderboard-panel .leaderboard-msg{padding:1rem;color:var(--ocean-turq);text-align:center;font-size:.85rem}.leaderboard-panel .leaderboard-error{color:var(--cannon-red, #c0392b)}.leaderboard-panel .leaderboard-label{text-align:center;color:var(--ocean-turq);font-size:.78rem;margin:.4rem 0 0}.leaderboard-panel .leaderboard-table{width:100%;border-collapse:collapse;font-size:.82rem}.leaderboard-panel .leaderboard-table th{text-align:left;color:#8fa3ad;font-weight:600;padding:.3rem .4rem;border-bottom:1px solid rgba(24,196,216,.15);font-size:.75rem}.leaderboard-panel .leaderboard-table td{padding:.3rem .4rem;color:var(--cream)}.leaderboard-panel .lb-num{text-align:right;font-family:var(--font-mono, monospace)}.leaderboard-panel .lb-pos{color:#8fa3ad;width:2rem}.leaderboard-panel .lb-me{background:#d4ac2e1f}.move-list{display:flex;flex-direction:column;gap:.15rem;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.8rem}.move-list-empty{color:#8fa3ad;font-family:var(--font-body, sans-serif);padding:.5rem 0}.ml-move{display:flex;align-items:center;gap:.4rem;padding:.15rem .35rem;border-radius:4px;color:var(--cream)}.ml-move-clickable{cursor:pointer}.ml-move-clickable:hover{background:#18c4d814}.ml-move-active{background:#d4ac2e26}.ml-num{color:#8fa3ad;min-width:1.6rem;text-align:right}.ml-side-tag{font-size:.7rem;padding:.05rem .3rem;border-radius:3px;font-family:var(--font-body, sans-serif)}.ml-side-white{background:#f5e9c8e6;color:#1a2a35;font-weight:600}.ml-side-black{background:#0a0f14;color:#b8c0c5;border:1px solid rgba(255,255,255,.12);font-weight:600}.ml-path{flex:1;letter-spacing:.3px;color:var(--ocean-turq, #18c4d8)}.ml-icons{display:inline-flex;align-items:center;gap:.1rem}.ml-icon{font-size:.9rem;line-height:1}.ml-icon-gap{width:.35rem;display:inline-block}.ml-img{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.22em;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--ic) center / contain no-repeat;mask:var(--ic) center / contain no-repeat}.ml-round-actions{display:inline-flex;align-items:center;gap:.2rem;color:#c4d0d6}.ml-disc-white{color:var(--cream, #f5e9c8)}.ml-disc-black{color:#9aa7ad}.ml-round{display:flex;flex-direction:column;gap:.2rem;margin:.5rem 0 .25rem}.ml-round-label{font-family:var(--font-display, serif);font-weight:700;font-size:.85rem;color:var(--gold-trim, #d4ac2e);letter-spacing:.5px;border-top:1px solid rgba(212,172,46,.25);padding-top:.3rem}.ml-round-deaths{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem}.ml-round-side{display:inline-flex;align-items:center;gap:.2rem}.ml-legend{display:flex;flex-wrap:wrap;gap:.3rem .75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-body, sans-serif);font-size:.65rem;color:#5a7580}.ml-legend-item{display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.ml-legend-item .ml-img{width:1.5em;height:1.5em}.player-strip{display:flex;flex-direction:column;gap:.3rem;flex:0 0 auto}.ps-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;background:#ffffff08;border:1px solid transparent;font-family:var(--font-body, sans-serif)}.ps-row.ps-active{border-color:#d4ac2e80;background:#d4ac2e14}.ps-row:not(.ps-active){opacity:.72}.ps-disc{width:.85rem;height:.85rem;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0000004d}.ps-white .ps-disc{background:#f5f1e6}.ps-black .ps-disc{background:#10222c;box-shadow:inset 0 0 0 1px #ffffff40}@keyframes ps-disc-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.ps-disc-pulse{animation:ps-disc-pulse .7s ease-in-out}@media(prefers-reduced-motion:reduce){.ps-disc-pulse{animation:none}}.ps-name{display:flex;flex-direction:column;line-height:1.1;flex:1;color:var(--cream);font-size:.85rem}.ps-side{font-size:.62rem;color:#8fa3ad;margin-top:.1rem}.ps-turn{font-size:.62rem;color:var(--gold-trim, #d4ac2e);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ps-clock{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:1.15rem;font-weight:700;color:var(--cream);min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.ps-clock-low{color:var(--cannon-red, #c0392b)}.game-log-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:default;color:inherit;font:inherit;padding:0;text-align:left}.game-log-chevron{display:none;color:#6b8290;font-size:.8rem}@media(max-width:899px){.shell-play .player-strip{display:none}.game-log-toggle{cursor:pointer}.game-log-chevron{display:inline}.game-log-expanded{position:fixed;left:0;right:0;bottom:0;height:60vh;z-index:40;background:var(--deep-ocean, #081C2E);border-top:2px solid var(--gold-trim, #d4ac2e);box-shadow:0 -8px 24px #00000073;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;animation:log-rise .16s ease-out}.game-log-expanded .move-list-scroll{flex:1;min-height:0;overflow-y:auto}@keyframes log-rise{0%{transform:translateY(30%);opacity:.4}to{transform:translateY(0);opacity:1}}}.replay-players{display:flex;flex-direction:column;gap:.3rem;flex:0 0 auto}.rp-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:6px;background:#ffffff08;font-family:var(--font-body, sans-serif)}.rp-disc{width:.85rem;height:.85rem;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0000004d}.rp-white .rp-disc{background:#f5f1e6}.rp-black .rp-disc{background:#10222c;box-shadow:inset 0 0 0 1px #ffffff40}.rp-name{display:flex;flex-direction:column;line-height:1.1;color:var(--cream);font-size:.85rem}.rp-side{font-size:.62rem;color:#8fa3ad;margin-top:.1rem}.leftnav-has-sub{position:relative}.leftnav-caret{float:right;opacity:.5;transition:transform .15s ease}.leftnav-has-sub:hover .leftnav-caret{transform:rotate(90deg)}.leftnav-sub{list-style:none;margin:0;padding:0}@media(min-width:900px){.leftnav-sub{position:absolute;left:100%;top:0;min-width:12rem;background:var(--deep-ocean, #081c2e);border:1px solid rgba(24,196,216,.18);border-radius:8px;padding:.35rem;margin-left:.4rem;box-shadow:0 8px 24px #00000073;opacity:0;visibility:hidden;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:20}.leftnav-has-sub:hover .leftnav-sub,.leftnav-sub.leftnav-sub-open{opacity:1;visibility:visible;transform:translate(0)}}@media(max-width:899px){.leftnav-sub{max-height:0;overflow:hidden;transition:max-height .2s ease;padding-left:.75rem}.leftnav-sub.leftnav-sub-open{max-height:20rem}}.leftnav-subitem{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:#f5e9c8d1;font-size:.9rem;padding:.5rem .75rem;border-radius:6px;font-family:Lato,system-ui,sans-serif}.leftnav-subitem:hover{background:#18c4d81a;color:var(--cream)}.game-stage{position:relative}.round-counter{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);z-index:6;pointer-events:none;display:flex;align-items:baseline;gap:.4rem;background:#081c2eb8;border:1px solid rgba(212,172,46,.35);border-radius:999px;padding:.3rem .9rem;box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.round-counter-pop{transform:translate(-50%) scale(1.28);border-color:#d4ac2ee6;box-shadow:0 0 20px #d4ac2e80}@media(max-width:899px){.round-counter{bottom:.5rem;padding:.2rem .7rem;gap:.3rem}.round-counter-label{font-size:.62rem}.round-counter-num{font-size:.95rem}}.round-counter-label{font-family:Cinzel,Georgia,serif;font-size:.72rem;color:#f5e9c8b3;text-transform:uppercase;letter-spacing:.08em}.round-counter-num{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:700;font-size:1.15rem;color:var(--gold-trim, #d4ac2e)}.scroll-list{position:relative}.scroll-list-inner{position:relative;max-height:clamp(11rem,40vh,28rem);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.6rem;padding:.1rem .2rem .1rem 0;scrollbar-width:thin;scrollbar-color:rgba(24,196,216,.35) transparent}.scroll-list-inner>*{flex-shrink:0;margin-bottom:0}.scroll-list:before,.scroll-list:after{content:"";position:absolute;left:0;right:.4rem;height:1.6rem;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}.scroll-list:before{top:0;background:linear-gradient(to bottom,#081c2ef2,#081c2e00)}.scroll-list:after{bottom:0;background:linear-gradient(to top,#081c2ef2,#081c2e00)}.scroll-list-more-above:before,.scroll-list-more-below:after{opacity:1}.cfg-footer{position:sticky;bottom:-.75rem;z-index:2;margin:0 -.75rem -1rem;padding:.6rem .75rem .75rem;background:var(--deep-ocean, #081c2e);box-shadow:0 -12px 14px -6px #081c2ef2;display:flex;flex-direction:column}.cfg-footer .cfg-go{width:100%}.cfg-note{font-size:.78rem;color:#8aa2b0;margin:0;line-height:1.35}@media(max-width:599px){.cfg-footer{bottom:-.5rem;margin:0 -.5rem -1rem;padding:.5rem}}