:root{--ink: #15171c;--ink-soft: #1d2027;--paper: #f6f3ec;--paper-dim: #ece7da;--line: #ddd7c6;--line-on-ink: rgba(246, 243, 236, .14);--ink-text: #f2efe6;--ink-text-dim: rgba(242, 239, 230, .62);--muted: #857f6c;--blue: #2f5fe0;--yellow: #dfa524;--red: #e24444;--green: #1e9e5a;--danger: #c53030;--danger-bg: #fbe9e7;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--radius: 6px;--radius-sm: 3px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink-text);background:var(--ink);background-image:radial-gradient(var(--line-on-ink) 1px,transparent 1px);background-size:22px 22px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}p{line-height:1.55;color:var(--ink-text-dim)}a{color:inherit}button,input,select{font-family:inherit;font-size:1rem}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.25rem}.panel{width:100%;background:var(--paper);color:var(--ink);border-radius:var(--radius);box-shadow:0 24px 60px #00000059;padding:2rem;position:relative;animation:panel-in .5s cubic-bezier(.16,1,.3,1)}.panel--narrow{max-width:420px}.panel--wide{max-width:900px}.panel p{color:var(--muted)}@media(max-width:480px){.shell{padding:1.5rem .75rem}.panel{padding:1.25rem}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.8rem;color:var(--muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;margin-bottom:1.25rem}.back-link:hover{color:var(--ink)}.wordmark{display:inline-block;line-height:0}.logo{display:block;height:32px;width:auto;border-radius:var(--radius)}.wordmark--md .logo{height:44px}.wordmark--lg .logo{height:56px}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem}.corner-mark{position:relative}.corner-mark:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:14px 14px 0 0;border-color:var(--corner, var(--blue)) transparent transparent transparent;border-top-left-radius:var(--radius);pointer-events:none}.field{margin-bottom:1rem}.field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem;color:var(--ink)}.input{width:100%;padding:.65rem .75rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .15s ease}.input:focus{border-color:var(--blue)}.input--code{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.btn{font-family:var(--font-display);font-weight:600;font-size:.9rem;border-radius:var(--radius-sm);border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:.6rem 1.1rem;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #15171c26}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-block{width:100%}.divider{border:none;border-top:1px solid var(--line);margin:1.5rem 0}.color-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.banner{font-family:var(--font-mono);font-size:.85rem;padding:.7rem .9rem;border-radius:var(--radius-sm);margin:0 0 1rem}.banner-error{background:var(--danger-bg);color:var(--danger)}.code-chip{font-family:var(--font-mono);font-size:1.3rem;font-weight:600;letter-spacing:.14em;background:var(--paper-dim);border:1.5px dashed var(--line);border-radius:var(--radius-sm);padding:.5rem .9rem;display:inline-block}.muted-link{color:var(--muted);text-decoration:underline}.header-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.toolbar{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-end;margin:1.75rem 0;padding:1.25rem;background:var(--paper-dim);border-radius:var(--radius-sm)}.toolbar .field{margin-bottom:0}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:8rem;padding:.65rem 1.75rem .65rem .75rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2315171c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .75rem center;color:var(--ink);box-sizing:border-box}.input--inline{width:8rem;box-sizing:border-box}@media(max-width:480px){.toolbar{gap:.75rem;padding:1rem}.toolbar form{flex:1 1 0;min-width:0}.toolbar .field{min-width:0}.toolbar .select,.toolbar .input--inline{width:100%;font-size:.88rem}.toolbar .select{padding-right:1.5rem}.toolbar .btn{width:100%;padding:.55rem .4rem;font-size:.82rem}}.section-title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:1.75rem 0 .6rem}.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.game-row{cursor:pointer;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.85rem 1.1rem;transition:border-color .12s ease,transform .12s ease}.game-row:hover{border-color:var(--ink);transform:translate(2px)}.game-row__status{font-family:var(--font-display);font-weight:600}.game-row__meta{color:var(--muted);font-size:.88rem;margin-top:.15rem}.finished-games>summary{cursor:pointer;list-style:none}.finished-games>summary::-webkit-details-marker{display:none}.finished-games>summary:before{content:"▸ "}.finished-games[open]>summary:before{content:"▾ "}.finished-games .game-list{margin-top:.6rem;opacity:.7}.empty-state{color:var(--muted);font-family:var(--font-mono);font-size:.9rem}.code-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.player-list{list-style:none;margin:.5rem 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.player-row{display:flex;align-items:center;padding:.5rem .1rem;border-bottom:1px solid var(--line)}.turn-badge{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.player-legend{display:flex;gap:1.25rem;list-style:none;padding:0;margin:.75rem 0;flex-wrap:wrap}.player-legend li{font-size:.9rem;display:flex;align-items:center}.turn-banner{font-family:var(--font-display);font-weight:600}.piece-tray-heading{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}.orientation-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem;margin:0 auto 1rem;width:fit-content;max-width:100%;background:var(--paper-dim);border:2px solid #15171c;border-radius:3px;box-shadow:0 18px 40px #00000047}.orientation-preview{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f2ede0;border:1.5px solid var(--line);border-radius:var(--radius-sm)}