@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Rammetto One;src:url(/fonts/rammetto-one-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/spectral-600-latin.woff2) format("woff2");font-weight:600;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:#14123c;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button:disabled{cursor:default}ol,ul{list-style:none;margin:0;padding:0}p,h1,h2{margin:0}.fg{--bg: linear-gradient(#17154a 0%, #33287a 34%, #7d4186 58%, #e2706a 78%, #ffc56e 92%);--text: #fff4d6;--ink: #14123c;--f-display: "Fraunces", Georgia, serif;--f-body: "Atkinson Hyperlegible", system-ui, sans-serif;--display-weight: 600;--chip-bg: rgba(16, 12, 54, .72);--chip-text: #fff4d6;--chip-border: 1.5px solid rgba(255, 255, 255, .34);--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 6px 14px rgba(0, 0, 0, .3);--big-bg: linear-gradient(#ffe9a6, #ffc24a);--big-text: #3a2206;--big-border: 3px solid #5a3608;--big-shadow: 0 4px 0 #5a3608, 0 0 26px rgba(255, 200, 90, .35);--big-radius: 29px;--panel-bg: linear-gradient(rgba(44, 36, 120, .96), rgba(26, 20, 84, .97));--panel-text: #fff4d6;--panel-border: 1.5px solid rgba(255, 255, 255, .34);--panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 22px 44px rgba(8, 6, 30, .55);--panel-radius: 30px;--row-line: rgba(255, 255, 255, .16);--board-bg: linear-gradient(rgba(12, 10, 48, .62), rgba(20, 14, 60, .5));--board-border: rgba(255, 220, 150, .55);--bw: 2px;--board-radius: 46px 46px 18px 18px;--board-shadow: 0 0 0 5px rgba(12, 10, 48, .35), inset 0 0 40px rgba(120, 110, 255, .18), 0 18px 40px rgba(8, 6, 30, .5);--well: rgba(255, 255, 255, .035);--well-line: 1.5px solid rgba(200, 205, 255, .22);--well-inset: 11%;--head: rgba(255, 244, 214, .75);--win: #ffcf5a;--draw: #fff4d6;--lose: #ffa392;--threat: #e9edff;--line: #fffbe6;--line-under: rgba(255, 243, 176, .4);--glow: #ffb52e;--accent: #ffcf5a;--owl-body: #3d3a86;--owl-line: #cfd4ff;--owl-eye: #fff4d6;--owl-pupil: #14123c;--owl-beak: #ffcf5a;--hf-ink: var(--chip-text);--hf-fill: rgba(255, 255, 255, .13);--hf-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .3);--hf-radius: 22px;--hf-font: var(--f-body);--side: 26px;--pad-x: 6px;--pad-t: 10px;--pad-b: 8px;--heads-h: 38px;--dock-h: 124px;--fixed: 344px;--cell: min(64px, calc((100vw - var(--side)) / 7), calc((100dvh - var(--fixed) - env(safe-area-inset-bottom)) / 6));position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text);font:400 16px/1.3 var(--f-body);user-select:none;-webkit-user-select:none}@media(max-height:699px){.fg{--heads-h: 34px;--dock-h: 92px;--fixed: 252px}}.fg>.defs{position:absolute}.fg>hub-bar,.fg>main{position:relative;z-index:1}.fg>hub-bar{flex:none;display:block;min-height:56px}.play{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.left,.right{display:contents}.status{flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.lvl{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:0 4px;text-align:left}.lvl small{font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.lvl b{font:var(--display-weight) 30px/1 var(--f-display);font-variant-numeric:lining-nums}.turn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 6px;border-radius:18px;background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border);font-weight:700;font-size:15px}.turn .disc{width:26px;height:26px}.scene{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.scene .foe{position:absolute;right:12%;top:50%;height:min(132px,86%);width:auto;aspect-ratio:1;transform:translateY(-50%)}.scene .jar{aspect-ratio:80 / 104}.scene .machine{aspect-ratio:90 / 130}@media(max-height:699px){.scene{display:none}.status{height:44px}.boardwrap{margin-top:auto}}.boardwrap{flex:none;align-self:center;position:relative}.colnums{display:grid;grid-template-columns:repeat(7,var(--cell));justify-content:center;height:var(--heads-h)}.head{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;padding-bottom:4px;font:700 13px/1 var(--f-body);color:var(--head)}.head svg{width:17px;height:17px}.head.win{color:var(--win)}.head.win svg{width:21px;height:21px}.head.draw svg{color:var(--draw)}.head.lose svg{color:var(--lose)}.head.full b{opacity:.35}.head.aim b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.window{position:relative;padding:var(--pad-t) var(--pad-x) var(--pad-b);background:var(--board-bg);border:var(--bw) solid var(--board-border);border-radius:var(--board-radius);box-shadow:var(--board-shadow)}.glass{display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:var(--cell)}.r{display:grid;place-items:center;position:relative}.r:before{content:"";position:absolute;inset:var(--well-inset);border-radius:50%;border:var(--well-line);background:var(--well)}.r>svg{position:relative;width:96%;height:96%;overflow:visible}.r.dim>.disc{opacity:.36}.r.lit>.disc{transform:scale(1.12);filter:drop-shadow(0 0 7px var(--glow))}.threat{color:var(--threat)}.rownums{position:absolute;left:0;top:var(--pad-t);width:var(--pad-x);display:grid;grid-auto-rows:var(--cell);align-items:center;justify-items:center;font:700 9px/1 var(--f-body);color:var(--head);opacity:0;pointer-events:none}.window.named .rownums{opacity:1}.ghost,.handhint{position:absolute;left:calc(var(--pad-x) + var(--c) * var(--cell));bottom:calc(var(--pad-b) + var(--r) * var(--cell));width:var(--cell);height:var(--cell);display:grid;place-items:center;pointer-events:none}.ghost>.disc,.handhint>.disc{width:96%;height:96%;opacity:.5}.ghost.kept>.disc{opacity:.3}.ghost.kept:after{content:"";position:absolute;inset:5%;border-radius:50%;border:2.5px dashed var(--win)}.handhint .hand{position:absolute;left:42%;top:44%;width:62%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.fourline{position:absolute;left:var(--pad-x);top:var(--pad-t);width:calc(7 * var(--cell));height:calc(6 * var(--cell));pointer-events:none;overflow:visible}.fourline line{stroke:var(--line);stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fourline line.under{stroke:var(--line-under);stroke-width:18px}.cols{position:absolute;left:var(--pad-x);right:var(--pad-x);top:calc(-1 * var(--heads-h));bottom:0;display:grid;grid-template-columns:repeat(7,1fr);touch-action:none}.col{border-radius:12px}.col:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.dock{flex:none;height:calc(var(--dock-h) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:30px;padding:0 16px env(safe-area-inset-bottom)}.play.over .dock{visibility:hidden}.round{width:60px;height:60px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border);box-shadow:var(--chip-shadow)}.round svg{width:28px;height:28px}.round .owlface{width:40px;height:40px}.round:disabled{opacity:.45}.round[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.round:focus-visible,.big:focus-visible,.pill:focus-visible,.lvl:focus-visible,.row:focus-visible,.lgrid button:focus-visible,.first button:focus-visible,.row2 button:focus-visible,.plain:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.round kbd{display:none}.next{width:88px;height:88px;flex:none;display:grid;place-items:center}.next .disc{width:92%;height:92%}.next.wait .disc{opacity:.55;transform:scale(.8)}@media(max-height:699px){.round{width:54px;height:54px}.next{width:62px;height:62px}}.owlface .ob{fill:var(--owl-body);stroke:var(--owl-line);stroke-width:1.8}.owlface .oe{fill:var(--owl-eye)}.owlface .op{fill:var(--owl-pupil)}.owlface .ok{fill:var(--owl-beak)}.owlface .ol{stroke:var(--owl-line);stroke-width:1.5;stroke-linecap:round}.say{display:none;position:absolute;z-index:5;left:12px;right:12px;top:4px;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:20px;background:var(--panel-bg);color:var(--panel-text);border:var(--panel-border);box-shadow:var(--panel-shadow);font-size:15px;line-height:1.38;user-select:text;-webkit-user-select:text}.say.asked{display:flex}.say .owlface{width:30px;height:30px;flex:none}.sheet,.notice{background:var(--panel-bg);color:var(--panel-text);border:var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}.sheet h2{font:var(--display-weight) 34px/1.05 var(--f-display);text-align:center}.sheet.end{position:absolute;z-index:6;left:50%;top:4px;transform:translate(-50%);width:min(350px,calc(100% - 24px));padding:16px 18px 14px;text-align:center}.got{display:flex;align-items:center;justify-content:center;gap:18px;margin:8px 0 2px;font-weight:700;font-size:20px}.earn{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:lining-nums tabular-nums}.coin{width:26px;height:26px;flex:none}.trophy .lart{width:52px;height:52px}.why{margin:8px 0 0;font-size:14.5px;line-height:1.38;text-align:left;user-select:text;-webkit-user-select:text}.big{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin-top:12px;border-radius:var(--big-radius);background:var(--big-bg);color:var(--big-text);border:var(--big-border);box-shadow:var(--big-shadow);font:var(--display-weight) 23px/1 var(--f-display);font-variant-numeric:lining-nums}.big svg{width:22px;height:22px}.row2{display:flex;gap:10px;margin-top:14px}.row2 button,.pill,.plain{min-height:46px;border-radius:23px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border);font-weight:700;font-size:16px}.row2 button{flex:1}.row2 svg{width:20px;height:20px}.pill:disabled{opacity:.5}.plain{margin:10px auto 0}.notice{position:absolute;z-index:7;left:12px;right:12px;top:60px;max-width:420px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-size:15px;line-height:1.35}.notice p{flex:1}.scrim{position:fixed;inset:0;z-index:20;background:#0806148c}.sheet.settings,.sheet.looks{position:fixed;z-index:21;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);max-height:calc(100dvh - 20px);overflow-y:auto;padding:18px 16px calc(14px + env(safe-area-inset-bottom));border-bottom-left-radius:0;border-bottom-right-radius:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 6px;border-bottom:1px solid var(--row-line);font-size:16px;font-weight:700;text-align:left}.row em{font-style:normal;font-weight:400;opacity:.9}.row.done{justify-content:center;margin-top:10px;border:var(--chip-border);border-radius:26px;background:var(--chip-bg);color:var(--chip-text)}.sheet h2+.row,.sheet h2+ul{margin-top:10px}.links{display:flex;flex-wrap:wrap;gap:0 18px;justify-content:center;margin-top:6px}.links a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;text-underline-offset:3px}.looklist li{display:flex;align-items:center;gap:12px;min-height:68px;padding:6px;border-bottom:1px solid var(--row-line)}.looklist .pair{display:inline-flex;flex:none}.looklist .pair .disc{width:44px;height:44px}.looklist .pair .disc+.disc{margin-left:-12px}.lname{flex:1;display:flex;flex-direction:column;gap:2px;font-size:16px}.lname small{font-size:13px;opacity:.85}.looklist .pill{min-width:84px}.looklist .pill .coin{width:22px;height:22px}.looklist .state{width:84px;display:grid;place-items:center}.looklist .state svg{width:26px;height:26px}.levels{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:560px;margin:0 auto;padding:0 16px calc(14px + env(safe-area-inset-bottom))}.levels h1{font:var(--display-weight) 34px/1.05 var(--f-display);text-align:center;margin:2px 0 10px}.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lgrid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:20px;background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border)}.lgrid button[aria-checked=true]{outline:3px solid var(--accent);outline-offset:1px}.lgrid b{font:var(--display-weight) 20px/1 var(--f-display);font-variant-numeric:lining-nums}.lart{position:relative;display:block;width:62px;height:62px}.lart>svg{width:100%;height:100%;display:block}.wonbadge{position:absolute;right:-7px;top:-5px;width:26px;height:26px;display:grid;place-items:center}.wonbadge svg{width:100%;height:100%}.fact{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0;min-height:30px;font-weight:700;font-size:15px}.slip{display:inline-flex;gap:4px;align-items:center;flex:none}.slip i{width:13px;height:13px;border-radius:50%;border:1.5px solid currentColor;background:currentColor;position:relative;opacity:.85}.slip i.x{background:transparent;color:var(--lose);opacity:1}.slip i.x:before,.slip i.x:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.slip i.x:after{transform:translate(-50%,-50%) rotate(-45deg)}.slip i.ok{color:var(--win)}.slip em{font-style:normal}.first{display:grid;grid-template-columns:1fr 1fr;gap:10px}.first button{min-height:54px;border-radius:27px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--chip-bg);color:var(--chip-text);border:var(--chip-border);font-weight:700;font-size:15px}.first .disc{width:34px;height:34px;flex:none}.first button[aria-checked=true]{outline:3px solid var(--accent);outline-offset:1px}@media(max-height:599px){.levels h1{font-size:26px;margin-bottom:6px}.lart{width:46px;height:46px}.fact{margin:8px 0;font-size:14px}.first button{min-height:48px}.big{height:50px;margin-top:10px}}@media(max-width:359px){.first button{font-size:13px;gap:5px;white-space:nowrap;padding:0 6px}.first .disc{width:28px;height:28px}.turn{font-size:14px}}@media(min-width:900px){.fg{--heads-h: 46px;--side: 520px;--hf-max: 1224px;--cell: min(92px, calc((100vw - var(--side)) / 7), calc((100dvh - 56px - 46px - 76px) / 6))}.boardwrap{margin-top:0}.play{display:grid;grid-template-columns:1fr auto 1fr;column-gap:40px;align-items:start;padding:0 max(24px,calc(50% - 600px)) 24px}.left,.right{display:flex;flex-direction:column;min-width:0;padding-top:56px}.left{align-items:flex-start;gap:18px}.right{align-items:flex-start;gap:20px}.status{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:0}.lvl b{font-size:46px}.scene{display:block;flex:none;width:100%;height:190px;overflow:visible}.scene .foe{right:auto;left:0;height:170px}.head b{min-width:26px;height:22px;display:grid;place-items:center;border-radius:6px;border:1.5px solid currentColor}.head.aim b{text-decoration:none;background:var(--accent);color:var(--ink);border-color:var(--accent)}.rownums{left:-26px;width:20px;opacity:1;font-size:13px}.say,.say.asked{display:flex;position:static;max-width:340px;font-size:16px}.dock{height:auto;padding:0;gap:24px}.round kbd{display:grid;place-items:center;position:absolute;right:-8px;bottom:-8px;min-width:24px;height:24px;padding:0 4px;border-radius:7px;background:var(--text);color:var(--ink);font:700 13px/1 var(--f-body)}.sheet.end{left:auto;right:max(24px,calc(50% - 600px));top:56px;transform:none;width:min(340px,calc((100vw - 7 * var(--cell) - 130px) / 2))}.notice{top:64px}.sheet.settings,.sheet.looks{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:var(--panel-radius)}.levels{max-width:760px}.lgrid{grid-template-columns:repeat(6,1fr)}.first,.levels .big,.levels .fact{width:520px;max-width:100%;margin-left:auto;margin-right:auto}}@media(min-width:900px)and (max-height:699px){.scene{height:130px}.scene .foe{height:120px}.left,.right{padding-top:46px}.round{width:60px;height:60px}.next{width:88px;height:88px}}.fg[data-look=dusk]:has(.play[data-sky=even]){--bg: linear-gradient(#15134a 0%, #2a2470 40%, #5a3c86 72%, #a85a84 100%)}.fg[data-look=dusk]:has(.play[data-sky=night]){--bg: linear-gradient(#0f0e33 0%, #1c1a55 45%, #3a2f7c 78%, #6b4a8c 100%)}.fg[data-look=dusk]:has(.play[data-sky=day]){--bg: linear-gradient(#3a4fb0 0%, #8d6fc4 26%, #f08f7c 52%, #ffc76b 74%, #fff0b0 96%)}.fg[data-look=dusk][data-view=levels]{--bg: linear-gradient(#0f0e33 0%, #1c1a55 45%, #3a2f7c 78%, #6b4a8c 100%)}.fg>.stars{position:absolute;left:0;top:0;width:100%;height:70%;pointer-events:none}.fg>.hills{position:absolute;left:0;bottom:0;width:100%;height:190px;pointer-events:none}.fg[data-look=dusk] .r.y>.disc{filter:drop-shadow(0 0 5px rgba(255,190,60,.7))}.fg[data-look=dusk] .r.lit>.disc{filter:drop-shadow(0 0 10px #fff3b0) drop-shadow(0 0 18px #ffb52e)}.fg[data-look=dusk] .head.win svg{filter:drop-shadow(0 0 6px var(--win))}.fg[data-look=dusk] .foe{filter:drop-shadow(0 0 22px rgba(200,210,255,.6))}.fg[data-look=dusk] .next .disc{filter:drop-shadow(0 0 14px rgba(255,200,80,.85))}.fg[data-look=dusk] .lart .foe{filter:drop-shadow(0 0 8px rgba(190,200,255,.5))}.fg[data-look=glaze]{--bg: radial-gradient(120% 70% at 50% 0%, #6a2c52 0%, #4a1c3c 55%, #35122b 100%);--text: #fff4dd;--ink: #2a1420;--f-display: "Bagel Fat One", "Fredoka", system-ui, sans-serif;--f-body: "Fredoka", system-ui, sans-serif;--display-weight: 400;--chip-bg: #fff4dd;--chip-text: #2a1420;--chip-border: 2.5px solid #2a1420;--chip-shadow: 0 4px 0 #2a1420;--big-bg: linear-gradient(#ffe08a, #ffc94a);--big-text: #2a1420;--big-border: 3px solid #2a1420;--big-shadow: 0 5px 0 #2a1420;--panel-bg: #fff4dd;--panel-text: #2a1420;--panel-border: 3px solid #2a1420;--panel-shadow: 0 7px 0 #2a1420, 0 22px 40px rgba(0, 0, 0, .45);--panel-radius: 26px;--row-line: rgba(42, 20, 32, .18);--board-bg: linear-gradient(#fff6e2, #f3dcae);--board-border: #2a1420;--bw: 3px;--board-radius: 20px;--board-shadow: 0 7px 0 #2a1420, 0 16px 26px rgba(0, 0, 0, .4);--well: radial-gradient(circle at 50% 38%, #dcbc85, #c9a36a 70%);--well-line: 0 solid transparent;--well-inset: 7%;--head: #2a1420;--win: #2a1420;--draw: #2a1420;--lose: #b3261e;--threat: #6b3d24;--line: #ffffff;--line-under: #2a1420;--glow: #ff86b3;--accent: #ffc94a;--owl-body: #ff86b3;--owl-line: #2a1420;--owl-eye: #fff;--owl-pupil: #2a1420;--owl-beak: #ffc94a;--hf-ink: #2a1420;--hf-fill: #fff4dd;--hf-shadow: inset 0 0 0 2.5px #2a1420, 0 3px 0 #2a1420}.fg[data-look=glaze] .lvl{align-items:center;padding:0 14px;border-radius:12px;background:#fff4dd;color:#2a1420;border:2.5px solid #2a1420;box-shadow:0 3px #2a1420}.fg[data-look=glaze] .colnums{filter:drop-shadow(0 4px 0 rgba(0,0,0,.3));position:relative;z-index:2}.fg[data-look=glaze] .head{justify-content:flex-start;padding:4px 0 0;margin-left:-2.5px;border:2.5px solid #2a1420;border-top-width:3px;border-radius:0 0 50% 50%/0 0 46% 46%;background:#fff4dd}.fg[data-look=glaze] .head:nth-child(odd){background:#ff9dc0}.fg[data-look=glaze] .head b{font:400 16px/1 Bagel Fat One,sans-serif;border:0;height:auto}.fg[data-look=glaze] .head svg{width:14px;height:14px}.fg[data-look=glaze] .head.win{background:#ffc94a;transform:translateY(4px)}.fg[data-look=glaze] .head.win svg{width:15px;height:15px}.fg[data-look=glaze] .head.lose svg{color:#b3261e}.fg[data-look=glaze] .head.aim{background:#8fe3c8}.fg[data-look=glaze] .fourline line{stroke-width:9px}.fg[data-look=glaze] .fourline line.under{stroke-width:15px}.fg[data-look=glaze] .slip i.x{color:#b3261e}.fg[data-look=glaze] .wonbadge,.fg[data-look=capsule] .wonbadge{border-radius:50%;background:#ffc94a;color:var(--ink);border:2.5px solid var(--ink);padding:3px}.fg[data-look=glaze] .lgrid button[aria-checked=true],.fg[data-look=glaze] .first button[aria-checked=true]{background:#ffc94a;outline-color:#fff4dd}.fg[data-look=glaze] .round kbd,.fg[data-look=capsule] .round kbd,.fg[data-look=window] .round kbd{background:var(--ink);color:#fff}.fg[data-look=capsule]{--bg: repeating-conic-gradient(from 0deg at 50% 46%, #ffd23f 0 10deg, #ffc61f 10deg 20deg);--text: #1c1430;--ink: #1c1430;--f-display: "Rammetto One", "Lexend", system-ui, sans-serif;--f-body: "Lexend", system-ui, sans-serif;--display-weight: 400;--chip-bg: #ffffff;--chip-text: #1c1430;--chip-border: 3px solid #1c1430;--chip-shadow: 0 5px 0 #1c1430;--big-bg: #f0553a;--big-text: #ffffff;--big-border: 3px solid #1c1430;--big-shadow: 0 6px 0 #1c1430;--big-radius: 18px;--panel-bg: #ffffff;--panel-text: #1c1430;--panel-border: 3px solid #1c1430;--panel-shadow: 6px 8px 0 #1c1430;--panel-radius: 22px;--row-line: rgba(28, 20, 48, .18);--board-bg: linear-gradient(115deg, rgba(255, 255, 255, .2) 0 12%, transparent 12% 20%, rgba(255, 255, 255, .12) 20% 24%, transparent 24%), linear-gradient(#23a39b, #14707a);--board-border: #1c1430;--bw: 3px;--board-radius: 16px;--board-shadow: inset 0 6px 0 rgba(0, 0, 0, .18);--well: rgba(10, 60, 70, .34);--well-line: 0 solid transparent;--well-inset: 14%;--head: #ffb9a8;--win: #1c1430;--draw: #1c1430;--lose: #ffffff;--threat: #ffffff;--line: #ffffff;--line-under: #1c1430;--glow: #fff1a0;--accent: #23a39b;--owl-body: #ffd23f;--owl-line: #1c1430;--owl-eye: #fff;--owl-pupil: #1c1430;--owl-beak: #f0553a;--hf-ink: #1c1430;--hf-fill: #ffffff;--hf-shadow: inset 0 0 0 3px #1c1430, 3px 4px 0 #1c1430;--hf-radius: 14px;--side: 46px;--pad-t: 6px;--pad-b: 6px;--pad-x: 4px}.fg[data-look=capsule] .big{text-shadow:1px 2px 0 #1c1430}.fg[data-look=capsule] .boardwrap{padding:2px 6px 8px;background:#f0553a;border:3px solid #1c1430;border-radius:22px;box-shadow:0 6px #1c1430}.fg[data-look=capsule] .lvl{align-items:center;padding:0 12px;border-radius:12px;background:#fff;border:3px solid #1c1430;box-shadow:3px 4px #1c1430}.fg[data-look=capsule] .colnums{align-items:center}.fg[data-look=capsule] .head{justify-self:center;justify-content:center;padding:0;width:min(34px,calc(var(--cell) - 8px));height:min(34px,calc(var(--cell) - 8px));border-radius:50%;position:relative;background:#7a2416;border:3px solid #1c1430;font:800 14px/1 Lexend,sans-serif}.fg[data-look=capsule] .head b{border:0;height:auto;min-width:0}.fg[data-look=capsule] .head svg{position:absolute;right:-7px;bottom:-7px;width:17px;height:17px;filter:drop-shadow(0 0 0 #1c1430)}.fg[data-look=capsule] .head.win{background:radial-gradient(circle at 40% 35%,#fffbe0,#ffd23f 60%);color:#1c1430;box-shadow:0 0 0 4px #fff1a08c,0 0 14px 5px #fff096e6}.fg[data-look=capsule] .head.win svg{color:#f0553a;width:19px;height:19px}.fg[data-look=capsule] .head.draw{background:#f2a23a;color:#1c1430}.fg[data-look=capsule] .head.lose svg{color:#fff;background:#1c1430;border-radius:50%;padding:2px}.fg[data-look=capsule] .head.none{background:#fff1d0;color:#1c1430}.fg[data-look=capsule] .head.aim{outline:3px solid #fff}.fg[data-look=capsule] .rownums{color:#fff}.fg[data-look=capsule] .ghost.kept:after{border-color:#ffd23f}.fg[data-look=capsule] .slip i.x{color:#b8321f}.fg[data-look=capsule] .slip i.ok{color:#14707a}.fg[data-look=capsule] .lgrid button[aria-checked=true],.fg[data-look=capsule] .first button[aria-checked=true]{background:#ffd23f;outline-color:#1c1430}.fg[data-look=capsule] .round[aria-pressed=true]{outline-color:#1c1430}.fg[data-look=capsule] .fourline{display:none}@media(min-width:900px){.fg[data-look=capsule]{--side: 560px}.fg[data-look=capsule] .rownums{left:-34px;color:var(--ink)}}.fg[data-look=window]{--bg: radial-gradient(120% 60% at 50% 30%, #f1eadc 0%, #e4dac7 70%, #d9cdb6 100%);--text: #2a2420;--ink: #2a2420;--f-display: "Spectral", Georgia, serif;--display-weight: 600;--chip-bg: #f6e9c8;--chip-text: #3b2a1e;--chip-border: 1.5px solid #8a7558;--chip-shadow: 0 2px 0 rgba(59, 42, 30, .25);--big-bg: #3b2a1e;--big-text: #f6e9c8;--big-border: 2px solid #3b2a1e;--big-shadow: 0 4px 10px rgba(59, 42, 30, .35);--big-radius: 14px;--panel-bg: #f6efe0;--panel-text: #2a2420;--panel-border: 1.5px solid #8a7558;--panel-shadow: 0 18px 40px rgba(59, 42, 30, .35);--panel-radius: 18px;--row-line: rgba(59, 42, 30, .16);--board-bg: linear-gradient(180deg, #e3edf0 0%, #cfe0d2 45%, #a9c4a3 100%);--board-border: #4a4d50;--bw: 5px;--board-radius: 40px 40px 6px 6px;--board-shadow: 0 0 0 7px #c4b598, 0 0 0 8px #9d8c6e, 0 16px 30px rgba(59, 42, 30, .3);--well: radial-gradient(circle, rgba(255, 255, 255, .9) 0 8%, rgba(238, 244, 234, .5) 16%, rgba(214, 228, 214, .28) 60%, rgba(150, 176, 156, .45) 100%);--well-line: 3px solid #45494d;--well-inset: 4%;--head: #6a5d50;--win: #8a5a00;--draw: #3b2a1e;--lose: #a02a1e;--threat: #1c5533;--line: #2a2c2e;--line-under: rgba(255, 237, 181, .75);--glow: #ffd76a;--accent: #b9770e;--owl-body: #e9dfc8;--owl-line: #3b2a1e;--owl-eye: #fff;--owl-pupil: #3b2a1e;--owl-beak: #b9770e;--hf-ink: #3b2a1e;--hf-fill: #f6e9c8;--hf-shadow: inset 0 0 0 1.5px #8a7558;--side: 40px}.fg[data-look=window] .scene .foe{display:none}.fg[data-look=window] .r.dim>.disc{opacity:.5}.fg[data-look=window] .lgrid button[aria-checked=true],.fg[data-look=window] .first button[aria-checked=true]{background:#ecd9a4}@media(min-width:900px){.fg[data-look=window]{--side: 520px}}@keyframes fall{0%{transform:translateY(calc(var(--fall) * -100% - 40%))}72%{transform:translateY(0)}84%{transform:translateY(2%) scale(1.07,.9)}to{transform:none}}@keyframes lit{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1.12)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise-wide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tap{0%,to{transform:translateY(0)}50%{transform:translateY(-16%)}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:none;opacity:1}}.fg:not(.calm) .r.drop>.disc{transform-origin:50% 100%;animation:fall calc(126ms + var(--fall) * 53ms) cubic-bezier(.5,0,.9,.7) both}.fg:not(.calm) .r.lit>.disc{animation:lit .26s ease-out both}.fg:not(.calm) .sheet.end{animation:rise .26s ease-out both}.fg:not(.calm) .handhint .hand{animation:tap 1.3s ease-in-out infinite}.fg:not(.calm) .threat{animation:pulse 1.6s ease-in-out infinite}.fg:not(.calm) .head svg{animation:pop .22s ease-out both;animation-delay:calc(var(--i, 0) * 30ms)}.fg:not(.calm) .earn,.fg:not(.calm) .trophy{animation:pop .32s ease-out .12s both}.fg:not(.calm) .next .disc,.fg:not(.calm) .ghost{transition:transform .12s ease-out,opacity .12s ease-out}@media(min-width:900px){.fg:not(.calm) .sheet.end{animation-name:rise-wide}}@media(prefers-reduced-motion:reduce){.fg *,.fg *:before,.fg *:after{animation:none!important;transition:none!important}}.fg .play[hidden]{display:none}@media(max-width:899px){.scene .foe{right:50%;height:min(190px,86%);transform:translate(50%,-50%)}.play.sheeted .boardwrap{transform:translateY(calc(var(--dock-h) - 10px))}.play.sheeted .status,.play.sheeted .scene{visibility:hidden}.fg:not(.calm) .play.over .boardwrap{transition:transform .24s ease-out}}@media(max-height:699px)and (max-width:899px){.sheet.end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:14px;padding:10px 14px 12px}.sheet.end h2{font-size:26px}.sheet.end .got{margin:0;font-size:17px;gap:10px}.sheet.end .trophy .lart{width:36px;height:36px}.sheet.end .coin{width:22px;height:22px}.sheet.end .why{flex:1 1 100%;margin-top:5px;font-size:13.5px;line-height:1.3}.sheet.end .big{flex:1 1 0;width:auto;height:46px;margin-top:8px;font-size:19px;gap:7px;white-space:nowrap}.sheet.end .row2{flex:0 0 auto;margin-top:8px;gap:6px}.sheet.end .row2 button{min-height:46px;padding:0 11px;font-size:14px}.sheet.end .row2 svg{display:none}}@media(max-width:379px){.first button{font-size:13px;gap:5px;white-space:nowrap;padding:0 6px}.first .disc{width:26px;height:26px}.fg[data-look=capsule] .first button{font-size:12px}}@media(max-height:699px)and (max-width:899px){.fg[data-look=capsule] .sheet.end h2{font-size:24px}.fg[data-look=capsule] .sheet.end .why{font-size:13px}.fg[data-look=capsule] .sheet.end .big{font-size:16px;gap:5px}.fg[data-look=capsule] .sheet.end .row2 button{padding:0 9px;font-size:13px}}@media(min-height:700px)and (max-width:899px){.fg[data-look=window] .scene{display:none}.fg[data-look=window] .boardwrap{margin-top:auto}.fg[data-look=window] .say{display:flex;position:static;order:-1;margin:auto 14px}.fg[data-look=window] .status{order:-2}.fg[data-look=window] .play.sheeted .say{visibility:hidden}}
