:root{color-scheme:dark;--basalt: #2e2e33;--slate: #5c6068;--parchment: #e8e2d2;--gold: #d4a63f;--umber: #4a3a2a;--ink: var(--parchment);--muted: #a6a9ad;--deep: #232327;--deepest: #19191c;--panel: #2e2e33;--panel-light: #3a3a40;--line: rgba(232, 226, 210, .14);--gold-light: #e8c36b;--green: #cbb87a;--blue: #6c7078;--ochre: #4a3a2a;font-family:Georgia,Times New Roman,serif;background:var(--deepest);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -20%,rgba(74,58,42,.35),transparent 45rem),linear-gradient(135deg,#232327,#2a2a2f 53%,#1c1c1f)}button{font:inherit}.app-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:24px clamp(16px,3vw,52px) 20px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,63,.42),transparent);pointer-events:none}.app-shell:before{top:11px}.app-shell:after{bottom:11px}.masthead{display:flex;align-items:center;gap:15px;max-width:1320px;margin:0 auto 18px}.mark{color:var(--gold-light);font-size:25px;width:30px;text-align:center;text-shadow:0 0 16px rgba(232,195,107,.38)}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin:0;color:var(--parchment);font-size:clamp(22px,3vw,33px);font-weight:400;letter-spacing:.23em}.header-rule{flex:1;height:1px;margin-left:12px;background:linear-gradient(90deg,rgba(212,166,63,.45),transparent)}.cycle-readout{min-width:76px;text-align:right;color:var(--gold-light);font-size:14px;letter-spacing:.12em}.readout-label{display:block;margin-bottom:4px;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.game-layout{display:grid;grid-template-columns:minmax(210px,285px) minmax(0,1fr);align-items:stretch;gap:clamp(18px,3vw,42px);max-width:1320px;margin:0 auto}.side-panel{display:flex;min-height:650px;flex-direction:column;padding:23px 0 12px}.chapter{padding-bottom:22px;border-bottom:1px solid var(--line)}h2{max-width:230px;margin-bottom:13px;color:var(--parchment);font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.08}.description{max-width:255px;color:var(--muted);font-size:14px;line-height:1.65}.instructions{display:grid;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}.instruction{display:grid;grid-template-columns:25px 1fr;gap:11px;align-items:start}.instruction-glyph{color:var(--gold);font-size:19px;line-height:1}.instruction p{margin:0}.instruction strong{display:block;margin-bottom:3px;color:var(--ink);font-size:13px;font-weight:400}.instruction span:last-child{color:var(--muted);font-size:12px;line-height:1.4}.side-actions{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}.quiet-button,.gold-button,.level-button{border:1px solid rgba(212,166,63,.37);border-radius:2px;color:var(--gold-light);background:#2e2e338c;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.quiet-button{padding:9px 12px;font-size:12px}.quiet-button:hover,.quiet-button:focus-visible{border-color:var(--gold-light);background:#d4a63f1f}.quiet-button:active{transform:translateY(1px)}.quiet-button--icon{color:var(--muted)}.level-picker{margin-top:auto}.level-buttons{display:flex;flex-wrap:wrap;gap:8px}.level-button{min-width:42px;padding:9px 10px;color:var(--muted);font-size:11px}.level-button.is-active{color:var(--deepest);border-color:var(--gold-light);background:var(--gold)}.level-button.is-complete:after{content:"  ✦";color:var(--green)}.level-button.is-active.is-complete:after{color:var(--deepest)}.board-panel{min-width:0}.board-frame{position:relative;min-height:650px;overflow:hidden;border:1px solid rgba(212,166,63,.28);background:radial-gradient(circle at 52% 42%,rgba(74,58,42,.2),transparent 38%),linear-gradient(145deg,#2e2e33c7,#19191cd1);box-shadow:0 22px 60px #0000003d,inset 0 0 80px #00000026}.board-frame:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(232,226,210,.07);pointer-events:none}.frame-corner{position:absolute;z-index:2;width:18px;height:18px;border-color:#d4a63fad;pointer-events:none}.frame-corner--tl{top:7px;left:7px;border-top:1px solid;border-left:1px solid}.frame-corner--tr{top:7px;right:7px;border-top:1px solid;border-right:1px solid}.frame-corner--bl{bottom:7px;left:7px;border-bottom:1px solid;border-left:1px solid}.frame-corner--br{right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}#game-board{display:block;width:100%;height:auto;aspect-ratio:1000 / var(--board-view-height, 700);touch-action:none;-webkit-user-select:none;user-select:none}.tray-divider{stroke:#e8e2d21a;stroke-width:1;stroke-dasharray:2 7}.board-outline{fill:#19191c4d;stroke:#e8e2d21f;stroke-width:2}.slot-shape{fill:#19191c57;stroke:#e8e2d22b;stroke-width:1.5;stroke-dasharray:3 5;transition:fill .2s ease,stroke .2s ease}.slot-shape.is-hot{fill:#d4a63f21;stroke:#e8e2d2a3;filter:url(#soft-glow)}.slot-shape.is-filled{stroke:#e8e2d214}.piece{cursor:grab;filter:url(#tile-shadow);transition:filter .18s ease,opacity .18s ease}.piece:focus-visible{outline:none}.piece.is-dragging{cursor:grabbing;filter:url(#soft-glow)}.piece.is-selected{filter:url(#soft-glow)}.piece-body{stroke:#19191cb3;stroke-width:.035;vector-effect:non-scaling-stroke}.piece.hex .piece-body{fill:url(#hex-fill)}.piece.rhombus .piece-body{fill:url(#rhombus-fill)}.piece.triangle .piece-body{fill:url(#triangle-fill)}.piece.is-selected .piece-body{stroke:var(--gold-light);stroke-width:.06}.groove{fill:none;stroke:url(#groove-fill);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--groove-width, 5.5);pointer-events:none}.piece.is-selected .groove{stroke:#f0d792;stroke-width:calc(var(--groove-width, 5.5) * 1.27)}.piece.is-winner .groove{stroke:#f6e2a8;stroke-width:calc(var(--groove-width, 5.5) * 1.27);filter:url(#soft-glow)}.piece.is-hint .piece-body,.slot-shape.is-hint{stroke:var(--gold-light);stroke-width:5;animation:hint-pulse .9s ease-in-out 3}.piece.is-hint .groove{stroke:#f6e2a8}.piece-label{fill:#efedd27a;font-family:Georgia,serif;font-size:.17px;letter-spacing:.04em;pointer-events:none;text-anchor:middle}.board-message{position:absolute;right:22px;bottom:18px;color:#e8e2d294;font-size:11px;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}.board-message:empty{display:none}.legend{display:flex;flex-wrap:wrap;gap:15px 25px;padding:12px 3px 0;color:var(--muted);font-size:11px}.legend-swatch{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%}.legend-swatch--blue{background:var(--blue)}.legend-swatch--ochre{background:var(--ochre)}.legend-swatch--line{background:var(--green)}.footer-note{display:flex;justify-content:flex-end;max-width:1320px;margin:13px auto 0;color:#a6a9adab;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.win-toast{position:fixed;z-index:10;right:clamp(16px,3vw,48px);bottom:24px;display:flex;align-items:center;gap:17px;width:min(560px,calc(100% - 32px));padding:20px 22px;border:1px solid rgba(212,166,63,.62);background:#1e1e22f5;box-shadow:0 20px 70px #0000007a,0 0 35px #d4a63f24;opacity:0;pointer-events:none;transform:translateY(14px) scale(.96);transform-origin:right bottom;transition:opacity .32s ease,transform .32s ease}.win-toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.win-star{color:var(--gold-light);font-size:29px;text-shadow:0 0 18px rgba(240,209,138,.5)}.win-toast strong{display:block;color:var(--parchment);font-size:22px;font-weight:400}.win-actions{display:flex;gap:8px;margin-left:auto}.gold-button{padding:10px 13px;color:var(--deepest);background:var(--gold);white-space:nowrap}.gold-button:hover,.gold-button:focus-visible{border-color:var(--gold-light);background:var(--gold-light)}.confetti{fill:var(--gold-light);opacity:0;animation:fall 1.8s ease-out forwards}@keyframes fall{0%{opacity:0;transform:translate(0) scale(.2)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}@keyframes hint-pulse{0%,to{opacity:.7}50%{opacity:1;filter:url(#soft-glow)}}@media(max-width:920px){.game-layout{grid-template-columns:1fr}.side-panel{min-height:auto;padding:8px 0 0}.chapter,.instructions{display:none}.side-actions{padding:7px 0 9px}.level-picker{position:static;margin:0 0 12px}.level-picker .eyebrow{display:none}.board-frame{min-height:0}#game-board{height:auto;min-height:0}}@media(max-width:560px){.app-shell{padding:19px 10px 15px}.masthead{margin-bottom:10px}h1{font-size:20px}.cycle-readout{font-size:11px}.side-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.side-actions .quiet-button{padding-inline:7px}.level-buttons{gap:6px}.level-button{min-width:38px;padding:8px}.board-frame{margin:0 -2px}#game-board{height:auto;min-height:0}.footer-note{font-size:9px}.legend{gap:10px;font-size:10px}.win-toast{right:10px;bottom:10px;left:10px;width:auto;flex-wrap:wrap;transform-origin:center bottom}.win-actions{width:100%;margin-left:0}.win-actions button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}