.play-shell{--play-paper:var(--planner-surface);--play-ink:var(--planner-text);--play-line:var(--planner-line);--play-muted:var(--planner-muted);--play-soft:color-mix(in srgb, var(--play-ink) 4%, var(--play-paper));--play-accent:var(--selection-bg);--play-on-accent:#fff;--play-gold:#b77b12;--play-correct:#217657;--play-missed:#ad4052;color:var(--play-ink);background:var(--planner-bg);font-family:var(--font-sans);line-height:1.5}:root[data-appearance=evening] .play-shell{--play-accent:var(--selection-bg);--play-on-accent:var(--planner-on-accent);--play-gold:#b77b12;--play-correct:#217657;--play-missed:#ad4052}.play-shell,.play-shell *{box-sizing:border-box}.play-inner{width:100%;min-width:0;max-width:1040px;margin-inline:auto;padding:0 24px 40px}.play-content{min-width:0}.play-shell :where(h1,h2,h3,p,button,a,span){letter-spacing:0}.play-shell :where(h1,h2,h3){color:var(--play-ink)}.play-shell :where(button,a,select,summary):focus-visible{outline:3px solid var(--play-accent);outline-offset:3px}.play-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid var(--play-line);gap:26px;margin:0;display:flex;overflow-x:auto}.play-tabs a{min-height:48px;color:var(--play-muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:12px 2px 10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.play-tabs a svg{flex-shrink:0}.play-tabs a:hover{color:var(--play-ink)}.play-tabs a[aria-current]{border-color:var(--play-accent);color:var(--play-ink)}.play-tabs a[aria-current] svg{color:var(--play-accent)}.play-tabs a:first-child svg{color:#c17a1c}.play-tabs a:nth-child(2) svg{color:#cf596b}.play-tabs a:nth-child(3) svg{color:#21877b}.play-tabs a:nth-child(4) svg{color:#7362ad}.play-tabs a:nth-child(5) svg{color:#df8a2d}.play-tabs a:nth-child(6) svg{color:#4886c2}.play-tabs a:focus-visible{outline-offset:-4px}.play-title{justify-content:space-between;align-items:center;gap:20px;margin:24px 0 18px;display:flex}.play-title>div:first-child{min-width:0}.play-kicker{color:var(--play-muted);align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.play-kicker svg{color:var(--play-accent);flex-shrink:0}.play-title h1{overflow-wrap:anywhere;margin:0;font:400 28px/1.3 Georgia,Times New Roman,serif}.play-record{text-align:right;color:var(--play-muted);flex-shrink:0;padding-left:16px;font-size:11px}.play-record strong{color:var(--play-ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;display:block}.play-topic{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}.play-topic label{font-weight:600}.play-topic select{background:var(--play-paper);border:1px solid var(--play-line);max-width:100%;min-height:38px;color:var(--play-ink);font:inherit;border-radius:4px;padding:6px 28px 6px 10px}.play-topic>span{color:var(--play-muted);margin-left:auto}.wonder-stage{border:1px solid var(--play-line);background:var(--play-paper);border-radius:8px;grid-template-columns:140px minmax(0,1fr);display:grid}.wonder-art{background:0 0;justify-content:center;align-items:flex-start;padding:42px 20px 24px;display:flex}.wonder-art img{width:100%;max-width:110px;height:auto}.wonder-content{min-width:0;padding:26px 30px 20px}.wonder-content h2{font:500 19px/1.6 var(--font-sans);overflow-wrap:anywhere;margin:8px 0 18px}.wonder-question{min-height:68px}.wonder-progress{align-items:center;gap:6px;margin-bottom:18px;display:flex}.wonder-progress>span:not(.wonder-count){background:var(--play-line);border-radius:2px;width:30px;height:6px}.wonder-progress>span[data-current=true]{background:var(--play-gold)}.wonder-progress>span[data-result=correct]{background:var(--play-correct)}.wonder-progress>span[data-result=missed]{background:var(--play-missed)}.wonder-count{color:var(--play-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.wonder-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.play-shell button{cursor:pointer;font:inherit;touch-action:manipulation}.play-shell button:disabled{cursor:default;opacity:.6}.wonder-options button{text-align:left;border:1px solid var(--play-line);background:var(--play-paper);min-height:54px;color:var(--play-ink);border-radius:6px;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.wonder-options button>span:nth-child(2){overflow-wrap:anywhere;flex:1}.wonder-options button>svg{flex-shrink:0}.wonder-options button:hover:not(:disabled){border-color:var(--play-accent);background:var(--play-soft)}.wonder-options button:disabled{opacity:1}.wonder-options button[data-answer=correct]{border-color:var(--play-correct);box-shadow:inset 0 0 0 1px var(--play-correct);background:color-mix(in srgb, var(--play-correct) 9%, var(--play-paper))}.wonder-options button[data-answer=missed]{border-color:var(--play-missed);box-shadow:inset 0 0 0 1px var(--play-missed);background:color-mix(in srgb, var(--play-missed) 8%, var(--play-paper))}.wonder-options button[data-answer=correct]>svg{color:var(--play-correct)}.wonder-options button[data-answer=missed]>svg{color:var(--play-missed)}.wonder-letter{width:22px;height:22px;color:var(--play-muted);flex-shrink:0;place-items:center;font-size:11px;display:grid}.wonder-feedback{min-height:142px;padding-top:18px;font-size:14px;line-height:1.6}.wonder-feedback p{margin:0 0 14px}.play-actions{flex-wrap:wrap;gap:8px;display:flex}.play-actions button,.wonder-feedback button{border:1px solid var(--play-line);background:var(--play-paper);min-height:40px;color:var(--play-ink);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.play-actions button:hover:not(:disabled),.wonder-feedback button:hover{border-color:var(--play-accent);background:var(--play-soft)}.play-autoplay-controls{flex-wrap:wrap;align-items:center;gap:7px;min-height:38px;margin:0 0 12px;display:flex}.play-autoplay-controls button{border:1px solid var(--play-line);background:var(--play-paper);min-height:34px;color:var(--play-ink);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.play-autoplay-controls button:hover:not(:disabled){border-color:var(--play-accent);background:var(--play-soft)}.play-autoplay-controls button:disabled{opacity:.5;cursor:default}.play-autoplay-controls [role=status]{color:var(--play-muted);font-size:11px}.game-share{flex-wrap:wrap;align-items:center;gap:7px;min-height:38px;margin:-7px 0 14px;display:flex}.game-share-button{border:1px solid var(--play-line);background:var(--play-paper);min-height:34px;color:var(--play-ink);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.game-share-button:hover{border-color:var(--play-accent);background:var(--play-soft)}.game-share-primary{border-color:var(--play-accent);color:var(--play-accent);font-weight:600}.game-share-status{min-width:0;color:var(--play-muted);font-size:11px}.play-shell button.play-primary{background:var(--play-accent);color:var(--play-on-accent);border-color:var(--play-accent);font-weight:600}.play-shell button.play-primary:hover{background:color-mix(in srgb, var(--play-accent) 90%, var(--play-ink))}.play-result{font:500 30px/1.3 var(--font-sans);margin:0 0 20px}.play-result span{font:400 15px var(--font-sans);color:var(--play-muted)}.play-review{margin-top:24px;font-size:14px}.play-review>div{border-top:1px solid var(--play-line);padding:14px 0}.play-review p{color:var(--play-muted);margin:6px 0 0}.play-achievements{border-top:1px solid var(--play-line);margin-top:24px;padding-top:18px}.play-achievements>div{align-items:center;gap:8px;display:flex}.play-achievements>div svg{color:var(--play-gold)}.play-achievements h2{margin:0;font-size:14px}.play-achievements ul{flex-wrap:wrap;gap:10px 22px;margin:10px 0;padding:0;font-size:13px;list-style:none;display:flex}.play-achievements p{color:var(--play-muted);font-size:12px}.worlds-home{max-width:920px;margin-inline:auto;padding-bottom:36px}.worlds-heading{max-width:600px;padding:24px 0 18px}.worlds-heading .play-kicker{color:var(--play-accent)}.worlds-heading h1{margin:2px 0 6px;font:400 34px/1.25 Georgia,Times New Roman,serif}.worlds-heading>p:last-child{color:var(--play-muted);margin:0;font-size:13px;line-height:1.7}.worlds-catalog-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.worlds-catalog-heading h2{font:500 16px/1.5 var(--font-sans);margin:0}.worlds-catalog-heading>span{color:var(--play-muted);font-size:11px}.worlds-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.world-card{border:1px solid var(--play-line);border-left:3px solid var(--world-accent);background:var(--play-paper);min-width:0;min-height:126px;color:var(--play-ink);border-radius:8px;grid-template-columns:54px minmax(0,1fr) 16px;align-items:start;gap:12px;padding:15px 13px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.world-card:hover{border-color:var(--world-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--world-accent) 12%, transparent);transform:translateY(-2px)}.world-card-art{background:var(--world-tint);border-radius:7px;place-items:center;width:54px;height:54px;display:grid}.world-card-art img{object-fit:contain;width:42px;height:42px}.world-card-copy{gap:4px;min-width:0;display:grid}.world-card-type{color:var(--world-accent);text-transform:uppercase;font-size:10px;font-weight:600}.world-card-copy>strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.4}.world-card-description{color:var(--play-muted);font-size:11px;line-height:1.55}.world-card-arrow{color:var(--world-accent)}.worlds-footnote{color:var(--play-muted);margin:16px 0 0;font-size:11px}.garden-settings{flex-wrap:wrap;gap:12px 24px;margin-bottom:18px;display:flex}.garden-settings fieldset{border:0;min-width:0;margin:0;padding:0}.garden-settings legend{color:var(--play-muted);margin-bottom:5px;font-size:12px}.play-segment{display:flex}.play-segment button{border:1px solid var(--play-line);background:var(--play-paper);min-height:36px;color:var(--play-ink);padding:6px 12px;font-size:13px}.play-segment button:first-child{border-radius:4px 0 0 4px}.play-segment button:last-child{border-radius:0 4px 4px 0}.play-segment button+button{border-left:0}.play-segment button[aria-pressed=true]{background:var(--play-accent);color:var(--play-on-accent)}.garden-stage{grid-template-columns:minmax(0,410px) minmax(0,1fr);align-items:start;gap:44px;padding:0;display:grid}.garden-plot,.ledger-plot{border:1px solid var(--play-line);background:var(--play-paper);border-radius:8px;min-width:0;padding:18px}.garden-counters{color:var(--play-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.garden-counters strong{color:var(--play-ink);font-size:16px;font-weight:500}.garden-grid{aspect-ratio:1;grid-auto-rows:minmax(0,1fr);gap:8px;width:100%;display:grid}.garden-cell{background:var(--play-paper);border:1px solid var(--play-line);border-radius:6px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:8px;display:flex;position:relative}.garden-cell img{object-fit:contain;pointer-events:none;width:70%;height:70%;transition:filter .18s,opacity .18s,transform .18s}.garden-cell[data-lit=false] img{filter:grayscale();opacity:.58;transform:scale(.85)}.garden-cell[data-lit=true]{border-color:color-mix(in srgb, var(--play-gold) 25%, var(--play-line));background:color-mix(in srgb, #f6bf3e 7%, var(--play-paper))}.garden-cell:hover:not([aria-disabled=true]){border-color:var(--play-accent)}.garden-cell[data-hint=true]{box-shadow:inset 0 0 0 2px var(--play-accent)}.garden-hint-mark{color:var(--play-accent);position:absolute;top:5px;right:5px}:root[data-appearance=evening] .garden-cell[data-lit=false] img{opacity:.46}.garden-tools{justify-content:center;gap:12px;margin-top:14px}.garden-tools button{width:42px;height:42px;min-height:42px;padding:0}.garden-notes{min-width:0;padding-top:8px}.garden-notes h2{font:500 18px/1.5 var(--font-sans);margin:6px 0 12px}.garden-notes>p:not(.play-kicker){color:var(--play-muted);font-size:13px;line-height:1.8}.garden-message{border-block:1px solid var(--play-line);flex-direction:column;align-items:flex-start;gap:6px;min-height:134px;margin:22px 0 16px;padding:18px 0;display:flex}.garden-message svg{color:var(--play-accent)}.garden-message strong{font-size:14px}.garden-message span{color:var(--play-muted);font-size:13px}.garden-notes details{color:var(--play-muted);margin-top:18px;font-size:12px;line-height:1.6}.garden-notes summary{cursor:pointer;color:var(--play-ink);padding-block:4px}.garden-seed{overflow-wrap:anywhere}@media (max-width:900px){.garden-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.wonder-content{padding:24px}}@media (max-width:700px){.play-inner{padding:0 14px 24px}.play-title{align-items:center;gap:10px;margin:18px 0 14px}.play-title h1{font-size:25px}.play-title .play-kicker{font-size:11px}.play-record{flex-shrink:0;max-width:116px;padding-left:10px;font-size:10px}.play-record strong{font-size:17px}.play-tabs{gap:22px}.play-tabs a{min-height:48px;padding-block:10px 8px;font-size:13px}.play-tabs a svg{width:18px;height:18px}.play-topic{gap:8px;margin-bottom:14px}.worlds-heading{padding:18px 0 16px}.worlds-heading h1{font-size:29px}.worlds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.world-card{grid-template-columns:42px minmax(0,1fr);gap:9px;min-height:122px;padding:12px 10px}.world-card-art{width:42px;height:42px}.world-card-art img{width:34px;height:34px}.world-card-arrow{display:none}.wonder-stage{grid-template-columns:minmax(0,1fr)}.wonder-art{display:none}.wonder-content{padding:18px 16px 14px}.wonder-content h2{margin-bottom:16px;font-size:18px}.wonder-question{min-height:90px}.wonder-options{grid-template-columns:minmax(0,1fr);gap:8px}.wonder-options button{min-height:52px;padding:10px 12px}.wonder-feedback{min-height:158px;padding-top:14px}.garden-settings{gap:10px 18px;margin-bottom:14px}.garden-stage{grid-template-columns:minmax(0,1fr);gap:20px}.garden-plot,.ledger-plot{width:100%;max-width:540px;margin-inline:auto;padding:12px}.garden-grid{gap:6px}.garden-cell{padding:5px}.garden-notes{padding-top:0}.garden-notes h2{font-size:17px}.garden-message{min-height:120px;margin-top:16px}}@media (max-width:380px){.play-inner{padding-inline:12px}.play-title .play-kicker{display:none}.play-record{max-width:90px}.play-segment button{padding-inline:10px}.worlds-grid{grid-template-columns:minmax(0,1fr)}.world-card{grid-template-columns:48px minmax(0,1fr);min-height:100px}.world-card-art{width:48px;height:48px}.world-card-art img{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.garden-cell img{transition:none}}
.puzzle-heading{align-items:center;gap:12px;min-width:0;display:flex}.puzzle-heading>img{flex-shrink:0;width:30px;height:30px}.puzzle-heading>div{min-width:0}.puzzle-title h1{overflow-wrap:anywhere}.puzzle-stage{gap:36px}.play-shell .puzzle-stage button:focus-visible{outline:3px solid var(--play-accent);outline-offset:3px}.current-grid{aspect-ratio:1;grid-auto-rows:minmax(0,1fr);gap:8px;width:100%;display:grid}.current-cell{border:1px solid var(--play-line);min-width:0;min-height:0;color:var(--play-ink);background:var(--play-soft);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex;position:relative}.current-cell:has(.current-rings[data-level="1"]){background:color-mix(in srgb, var(--play-accent) 8%, var(--play-paper))}.current-cell:has(.current-rings[data-level="2"]){background:color-mix(in srgb, var(--play-accent) 9%, var(--play-paper));border-color:color-mix(in srgb, var(--play-accent) 30%, var(--play-line))}.current-cell[data-preview=true]{border-color:var(--play-accent);outline:1px dashed var(--play-accent);outline-offset:-4px}.current-cell[data-hint=true],.ledger-slot[data-hint=true]{box-shadow:inset 0 0 0 2px var(--play-accent)}.current-rings{aspect-ratio:1;place-items:center;width:65%;max-width:88px;display:grid;position:relative}.current-rings>span{border:2px solid var(--play-accent);opacity:.2;border-radius:50%;width:100%;height:100%;transition:opacity .18s;position:absolute}.current-rings>span:nth-child(2){width:75%;height:75%}.current-rings[data-level="1"]>span:nth-child(2),.current-rings[data-level="2"]>span{opacity:1}.current-rings strong{font:500 21px var(--font-sans)}.current-target{align-items:center;gap:4px;display:flex}.current-target small{color:var(--play-muted);font-size:11px}.current-target i{border:1px dotted var(--play-muted);border-radius:50%;width:7px;height:7px}.current-target i[data-filled=true]{background:var(--play-accent);border-color:var(--play-accent)}.current-preview{height:17px;color:var(--play-accent);font-size:12px;position:absolute;top:4px;right:6px}.current-hint{color:var(--play-accent);position:absolute;top:5px;left:5px}.puzzle-stage .puzzle-rule-note,.puzzle-record-note{color:var(--play-muted);font-size:12px;line-height:1.6}.puzzle-record-note{margin-top:18px}.ledger-plot{min-width:0}.ledger-step-note{color:var(--play-muted);margin:8px 0 0;font-size:11px;line-height:1.6}.ledger-slots{border-block:1px solid var(--play-line);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.ledger-slot{border:1px solid var(--play-line);background:linear-gradient(180deg, var(--play-paper), var(--play-soft));min-width:0;height:132px;color:var(--play-ink);border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;padding:9px 3px;display:flex}.ledger-slot[aria-pressed=true]{border-color:var(--play-gold);box-shadow:inset 0 0 0 1px var(--play-gold), 0 3px 10px #b77b121c;background:color-mix(in srgb, var(--play-gold) 9%, var(--play-paper))}.ledger-slot>small{color:var(--play-muted);font-size:10px;font-weight:600}.ledger-slot>strong{border:1px solid var(--play-line);background:var(--play-paper);width:38px;height:38px;font:500 22px/1 var(--font-sans);border-radius:50%;place-items:center;display:grid}.ledger-weight{color:var(--play-muted);justify-items:center;gap:1px;line-height:1.2;display:grid}.ledger-weight b{color:var(--play-accent);font:600 13px/1.2 var(--font-sans);font-variant-numeric:tabular-nums}.ledger-weight small{font-size:9px}.ledger-bank{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 20px;display:grid}.ledger-bank button{background:var(--play-paper);min-width:0;height:60px;color:var(--play-ink);border:1px solid var(--play-line);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;display:flex}.ledger-bank button:hover:not(:disabled),.ledger-slot:hover:not(:disabled){border-color:var(--play-accent)}.ledger-bank button[aria-pressed=true]{border-color:var(--play-accent);background:color-mix(in srgb, var(--play-accent) 10%, var(--play-paper));box-shadow:inset 0 0 0 1px var(--play-accent)}.ledger-bank strong{font:500 20px var(--font-sans)}.ledger-bank small{color:var(--play-muted);font-size:10px}.ledger-clues h3{font:600 12px/1.5 var(--font-sans);color:var(--play-ink);margin:18px 0 3px}.ledger-clue-help{color:var(--play-muted);margin:0 0 7px;font-size:10px;line-height:1.5}.ledger-check-heading{border-top:1px solid var(--play-line);padding-top:4px}.ledger-clue{border-bottom:1px solid var(--play-line);border-radius:3px;grid-template-columns:minmax(0,1fr) minmax(74px,auto) minmax(88px,auto);align-items:center;gap:8px;min-height:40px;padding:7px 8px;font-size:12px;display:grid}.ledger-clue:nth-of-type(2n){background:color-mix(in srgb, var(--play-soft) 54%, transparent)}.ledger-clue>span:first-child{overflow-wrap:anywhere}.ledger-clue>span:last-child{color:var(--play-muted);justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.ledger-clue strong{text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ledger-rule-explainer{border-left:3px solid var(--play-accent);background:color-mix(in srgb, var(--play-accent) 6%, var(--play-paper));border-radius:0 6px 6px 0;margin:14px 0;padding:12px}.ledger-rule-explainer>strong{margin-bottom:4px;font-size:12px;font-weight:600;display:block}.ledger-rule-explainer p{color:var(--play-muted);margin:4px 0;font-size:11px;line-height:1.55}.ledger-rule-explainer code{border:1px solid color-mix(in srgb, var(--play-accent) 18%, var(--play-line));background:var(--play-paper);color:var(--play-ink);font:11px/1.6 var(--font-mono);white-space:normal;overflow-wrap:anywhere;border-radius:4px;margin:7px 0;padding:7px 8px;display:block}@media (max-width:900px){.puzzle-stage{gap:24px}}@media (max-width:700px){.puzzle-stage{gap:20px}.puzzle-heading{gap:8px}.puzzle-heading>img{width:34px;height:34px}.puzzle-title .play-record{max-width:100px}.puzzle-title .play-kicker{display:none}.ledger-plot{width:100%;max-width:540px;margin-inline:auto}.ledger-slot{height:120px}.ledger-slot>strong{width:34px;height:34px;font-size:21px}.ledger-clue{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}}@media (max-width:380px){.puzzle-heading>img{display:none}.current-grid,.ledger-slots,.ledger-bank{gap:5px}.current-rings strong{font-size:21px}.current-target{gap:3px}.current-target small{font-size:10px}.ledger-clue{gap:6px;font-size:12px}.ledger-clue>span:last-child{font-size:10px}.ledger-clue{grid-template-columns:minmax(0,1fr) minmax(60px,auto) minmax(70px,auto);gap:4px;padding-inline:4px;font-size:10px}.ledger-clue strong,.ledger-clue>span:last-child{font-size:10px}.ledger-weight b{font-size:12px}.ledger-weight small{font-size:8px}.ledger-rule-explainer code{font-size:10px}}@media (prefers-reduced-motion:reduce){.current-rings>span{transition:none}}.orbit-stage{grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:36px}.orbit-plot{border:1px solid var(--play-line);background:var(--play-paper);border-radius:8px;min-width:0;padding:18px}.orbit-board{aspect-ratio:1;background:#f0f8fd;border:1px solid #d6e7f2;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"one two""four three";gap:24px;max-width:350px;margin:12px auto 0;padding:24px;display:grid;position:relative}.orbit-board:before{content:"";pointer-events:none;border:2px dashed #aacde1;border-radius:50%;position:absolute;inset:16%}.orbit-station{z-index:1;border:2px solid var(--orbit-color);background:color-mix(in srgb, var(--orbit-color) 12%, white);min-width:0;min-height:0;color:var(--play-ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.orbit-station:first-child{grid-area:one}.orbit-station:nth-child(2){grid-area:two}.orbit-station:nth-child(3){grid-area:three}.orbit-station:nth-child(4){grid-area:four}.orbit-station:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--orbit-color) 20%, transparent);transform:translateY(-2px)}.orbit-station[data-hint=true]{box-shadow:0 0 0 3px white, 0 0 0 5px var(--orbit-color)}.orbit-station-index{color:var(--play-muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:12%;left:16%}.orbit-light{color:var(--orbit-color);justify-items:center;gap:3px;display:grid}.orbit-light strong{color:var(--play-ink);font-size:12px;font-weight:600}.orbit-target{color:var(--play-muted);align-items:center;gap:4px;font-size:10px;display:flex}.orbit-target i{width:8px;height:8px;box-shadow:0 0 0 1px var(--play-line);border:1px solid #fff;border-radius:50%}.orbit-hint{color:var(--orbit-color);position:absolute;top:13%;right:15%}@media (max-width:900px){.orbit-stage{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:700px){.orbit-plot{width:100%;max-width:540px;margin-inline:auto;padding:12px}.orbit-board{gap:22px;padding:20px}}@media (prefers-reduced-motion:reduce){.orbit-station{transition:none}}.courier-stage{grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:36px}.courier-plot{border:1px solid var(--play-line);background:var(--play-paper);border-radius:8px;min-width:0;padding:18px}.courier-board{background:#edf5fc;border:1px solid #cfdfed;border-radius:12px;width:100%;max-width:370px;margin:12px auto 0;padding:12px}.courier-board:focus-visible{outline:3px solid var(--selection-bg);outline-offset:3px}.courier-grid{aspect-ratio:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.courier-cell{min-width:0;min-height:0;color:var(--play-ink);background:#fff;border:1px solid #dce7f0;border-radius:6px;place-items:center;display:grid;position:relative}.courier-cell[data-wall=true]{background:repeating-linear-gradient(135deg,#e0e6ec 0 5px,#d2dce5 5px 10px);border-color:#c8d2dc}.courier-cell[data-star=true]{color:#a2690a;background:#fff4d1;border-color:#e8bd57}.courier-cell[data-exit=true]{color:#28764f;background:#e4f5eb;border-color:#8bc5a4}.courier-cell[data-player=true]{z-index:1;border-color:var(--selection-bg);background:var(--selection-bg);color:#fff;box-shadow:0 0 0 3px #1769aa2b}.courier-cell[data-hint=true]{outline-offset:-3px;outline:3px solid #db6472}.courier-controller{grid-template:repeat(2,44px)/repeat(3,44px);justify-content:center;gap:5px;margin:14px auto 0;display:grid}.courier-controller button{color:#285d85;background:#f3f8fc;border:1px solid #cbddea;border-radius:8px;place-items:center;display:grid}.courier-controller button:hover:not(:disabled){border-color:var(--selection-bg);background:#e5f1fa}.courier-controller button:disabled{opacity:.38}.courier-controller button:first-child{grid-area:1/2}.courier-controller button:nth-child(2){grid-area:2/1}.courier-controller button:nth-child(3){grid-area:2/2}.courier-controller button:nth-child(4){grid-area:2/3}@media (max-width:900px){.courier-stage{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:700px){.courier-plot{width:100%;max-width:540px;margin-inline:auto;padding:12px}.courier-grid{gap:6px}}.tide-stage{grid-template-columns:minmax(0,450px) minmax(0,1fr);gap:36px}.tide-plot{border:1px solid var(--play-line);background:var(--play-paper);border-radius:8px;min-width:0;padding:18px}.tide-puzzle-layout{max-width:390px;margin:8px auto 12px}.tide-column-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:48px;display:grid}.tide-column-controls-top{margin-bottom:5px}.tide-column-controls-bottom{margin-top:5px}.tide-middle{grid-template-columns:38px minmax(0,1fr) 38px;align-items:stretch;gap:5px;display:grid}.tide-row-controls{grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;display:grid}.tide-grid{aspect-ratio:1;background:#edf6f8;border:1px solid #d1e4eb;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;display:grid}.tide-tile{background:#fff;border:1px solid #d8e3e8;border-radius:8px;place-items:center;min-width:0;min-height:0;transition:background-color .15s,transform .15s;display:grid}.tide-tile i{aspect-ratio:1;border:2px solid color-mix(in srgb, hsl(var(--tile-hue) 58% 44%) 34%, #d6e2e8);background:#f2f5f6;border-radius:50%;width:54%;transition:background-color .15s,box-shadow .15s}.tide-tile[data-lit=true]{border-color:color-mix(in srgb, hsl(var(--tile-hue) 58% 44%) 42%, white);background:color-mix(in srgb, hsl(var(--tile-hue) 58% 44%) 10%, white)}.tide-tile[data-lit=true] i{border-color:hsl(var(--tile-hue) 58% 44%);background:hsl(var(--tile-hue) 72% 61%);box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--tile-hue) 72% 61%) 17%, transparent), 0 0 15px color-mix(in srgb, hsl(var(--tile-hue) 72% 61%) 48%, transparent)}.tide-control-pair{justify-content:center;align-items:center;gap:3px;display:flex}.tide-shift{border:1px solid var(--play-line);background:var(--play-paper);width:30px;min-width:0;height:32px;color:var(--play-muted);border-radius:6px;place-items:center;padding:0;display:grid}.tide-shift:hover:not(:disabled),.tide-shift[data-hint=true]{border-color:var(--selection-bg);color:var(--selection-bg);background:#edf6fc}.tide-shift:disabled{opacity:.48}.tide-target{border-top:1px solid var(--play-line);justify-content:space-between;align-items:center;gap:12px;max-width:390px;margin:14px auto;padding-top:12px;display:flex}.tide-target>div:first-child{color:var(--play-muted);gap:3px;font-size:11px;display:grid}.tide-target strong{color:var(--play-ink);font-size:12px;font-weight:500}.tide-target-grid{border:1px solid var(--play-line);background:var(--play-soft);border-radius:5px;grid-template-columns:repeat(4,10px);gap:3px;padding:4px;display:grid}.tide-target-grid i{background:#dfe7eb;border-radius:3px;width:10px;height:10px}.tide-target-grid i[data-lit=true]{background:hsl(var(--tile-hue) 66% 52%)}@media (max-width:900px){.tide-stage{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:700px){.tide-plot{width:100%;max-width:540px;margin-inline:auto;padding:12px}.tide-puzzle-layout{max-width:370px}.tide-column-controls{margin-inline:43px}.tide-middle{grid-template-columns:34px minmax(0,1fr) 34px}.tide-grid{gap:5px;padding:7px}.tide-shift{width:27px;height:30px}}@media (max-width:380px){.tide-puzzle-layout{max-width:340px}.tide-column-controls{margin-inline:38px}.tide-middle{grid-template-columns:31px minmax(0,1fr) 31px;gap:3px}.tide-grid{gap:4px;padding:5px}.tide-shift{width:25px;height:28px}}@media (prefers-reduced-motion:reduce){.tide-tile,.tide-tile i{transition:none}}