:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg: #E6EEEC;--surface: #F6FAF9;--surface-2: #DCE7E4;--board: #C9D7D3;--ink: #1B3140;--ink-soft: #5A7280;--accent: #E2A21F;--accent-ink: #2A1E05;--accent-deep: #B67E0E;--danger: #D2463A;--pat: rgba(255,255,255,.34);--line: rgba(20,40,50,.1);--shade: rgba(22,44,54,.3);--x: rgba(27,49,64,.62);--r0:#EE8A74;--r1:#F0B75A;--r2:#E6D86C;--r3:#9DCB8E;--r4:#58B8AE;--r5:#7FB2E5;--r6:#8C90DD;--r7:#C996DD;--r8:#F0A7BD;--r9:#CDB797;--easy:#6FB36A;--medium:#4E93D1;--hard:#E0714F;--expert:#A26BC8;--display: "Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0F2229;--surface: #16323B;--surface-2: #1D3E48;--board: #09181D;--ink: #E4EEE9;--ink-soft: #92ADB0;--accent: #F2C14E;--accent-ink: #2A1E05;--accent-deep: #B98A1E;--danger: #FF6B5E;--pat: rgba(255,255,255,.13);--line: rgba(0,0,0,.2);--shade: rgba(3,12,15,.52);--x: rgba(228,238,233,.72);--r0:#C0634E;--r1:#C28E35;--r2:#ABA042;--r3:#5F9557;--r4:#2F8A81;--r5:#4B7FB3;--r6:#5A5FAE;--r7:#9463AA;--r8:#B86F87;--r9:#97805F}}:root[data-theme=dark]{--bg: #0F2229;--surface: #16323B;--surface-2: #1D3E48;--board: #09181D;--ink: #E4EEE9;--ink-soft: #92ADB0;--accent: #F2C14E;--accent-ink: #2A1E05;--accent-deep: #B98A1E;--danger: #FF6B5E;--pat: rgba(255,255,255,.13);--line: rgba(0,0,0,.2);--shade: rgba(3,12,15,.52);--x: rgba(228,238,233,.72);--r0:#C0634E;--r1:#C28E35;--r2:#ABA042;--r3:#5F9557;--r4:#2F8A81;--r5:#4B7FB3;--r6:#5A5FAE;--r7:#9463AA;--r8:#B86F87;--r9:#97805F}:root[data-pal=pastel]{--r0:#F6B3A3;--r1:#F7D196;--r2:#EFE49A;--r3:#BCE0AE;--r4:#96D5CC;--r5:#B1CFF0;--r6:#BABCEE;--r7:#DBBDEA;--r8:#F6C4D3;--r9:#E0D0B9;--pat:rgba(70,60,90,.12)}@media(prefers-color-scheme:dark){:root[data-pal=pastel]:not([data-theme=light]){--r0:#DD735A;--r1:#DEA64F;--r2:#D3C358;--r3:#87BC72;--r4:#62B2A7;--r5:#6A9CD3;--r6:#7477CF;--r7:#AE7AC8;--r8:#DB7593;--r9:#BAA17D;--pat: rgba(255,255,255,.13)}}:root[data-pal=pastel][data-theme=dark]{--r0:#DD735A;--r1:#DEA64F;--r2:#D3C358;--r3:#87BC72;--r4:#62B2A7;--r5:#6A9CD3;--r6:#7477CF;--r7:#AE7AC8;--r8:#DB7593;--r9:#BAA17D;--pat: rgba(255,255,255,.13)}:root[data-pal=vivid]{--r0:#F2674E;--r1:#F6A623;--r2:#EFD12E;--r3:#56BF50;--r4:#16B0A1;--r5:#3A97F0;--r6:#666CEF;--r7:#AE5ADE;--r8:#F0589A;--r9:#C4955C}@media(prefers-color-scheme:dark){:root[data-pal=vivid]:not([data-theme=light]){--r0:#C4533E;--r1:#C98720;--r2:#BFA52A;--r3:#449A3F;--r4:#138C80;--r5:#2F78C0;--r6:#5257BE;--r7:#8C49B3;--r8:#C1487B;--r9:#9C774A;--pat: rgba(255,255,255,.13)}}:root[data-pal=vivid][data-theme=dark]{--r0:#C4533E;--r1:#C98720;--r2:#BFA52A;--r3:#449A3F;--r4:#138C80;--r5:#2F78C0;--r6:#5257BE;--r7:#8C49B3;--r8:#C1487B;--r9:#9C774A;--pat: rgba(255,255,255,.13)}:root[data-pal=earthy]{--r0:#C97F6C;--r1:#D3A05A;--r2:#C8BA6E;--r3:#8DA878;--r4:#6A9E97;--r5:#7996B6;--r6:#8784B2;--r7:#A785A8;--r8:#C98C9D;--r9:#B3A48C}@media(prefers-color-scheme:dark){:root[data-pal=earthy]:not([data-theme=light]){--r0:#A15C4A;--r1:#A77B3D;--r2:#A0934B;--r3:#6B805B;--r4:#537571;--r5:#58728E;--r6:#63608B;--r7:#816382;--r8:#A65D72;--r9:#8D7E65;--pat: rgba(255,255,255,.13)}}:root[data-pal=earthy][data-theme=dark]{--r0:#A15C4A;--r1:#A77B3D;--r2:#A0934B;--r3:#6B805B;--r4:#537571;--r5:#58728E;--r6:#63608B;--r7:#816382;--r8:#A65D72;--r9:#8D7E65;--pat: rgba(255,255,255,.13)}:root[data-pal=cb]{--r0:#CC6677;--r1:#E69F00;--r2:#DDCC77;--r3:#2E8B57;--r4:#44AA99;--r5:#88CCEE;--r6:#5566BB;--r7:#AA4499;--r8:#8E3A62;--r9:#A3A33A}@media(prefers-color-scheme:dark){:root[data-pal=cb]:not([data-theme=light]){--r0:#A34655;--r1:#9D7211;--r2:#BEA945;--r3:#2E6B49;--r4:#3B796F;--r5:#4AA5D2;--r6:#44508B;--r7:#793B6F;--r8:#66334B;--r9:#747434;--pat: rgba(255,255,255,.13)}}:root[data-pal=cb][data-theme=dark]{--r0:#A34655;--r1:#9D7211;--r2:#BEA945;--r3:#2E6B49;--r4:#3B796F;--r5:#4AA5D2;--r6:#44508B;--r7:#793B6F;--r8:#66334B;--r9:#747434;--pat: rgba(255,255,255,.13)}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px);touch-action:manipulation;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:700;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#app{height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}.screen{display:none;flex:1;flex-direction:column;min-height:0}.screen.on{display:flex}#home{overflow-y:auto;padding:8px 18px 24px}.homebar{display:flex;justify-content:flex-end;padding-top:6px}.iconbtn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface)}.iconbtn svg{width:24px;height:24px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 18px}.hero .logo{height:170px;width:auto;margin-bottom:4px;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.hero h1{font-family:var(--display);font-weight:700;font-size:44px;line-height:1;margin:0;letter-spacing:-.5px}.hero .cap{color:var(--ink-soft);font-size:15px;margin-top:6px}.kept{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--surface);padding:8px 14px;border-radius:999px;font-size:15px}.kept svg{width:18px;height:18px}.primary{background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:600;font-size:21px;border-radius:18px;padding:15px 22px;box-shadow:0 4px 0 var(--accent-deep);width:100%;transition:transform .08s}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-deep)}.secondary{background:var(--surface);font-family:var(--display);font-weight:600;font-size:18px;border-radius:16px;padding:13px 20px;width:100%}.levels{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px}.lvl{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-align:left;background:var(--surface);border-radius:16px;padding:10px 14px 10px 10px}.lvl .num{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-family:var(--display);font-size:22px;font-weight:600;color:#fff}.lvl .meta{display:flex;flex-direction:column;gap:1px}.lvl .meta b{font-size:16px}.lvl .meta span{font-size:13px;color:var(--ink-soft)}.lvl .res{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.lvl .res svg{width:18px;height:18px}.tier-easy{background:var(--easy)}.tier-medium{background:var(--medium)}.tier-hard{background:var(--hard)}.tier-expert{background:var(--expert)}.lvl.next{box-shadow:inset 0 0 0 2px var(--accent)}[hidden]{display:none!important}.seg.hometabs{margin-top:18px;grid-template-columns:1fr 1fr}.seg.hometabs button{font-size:15px;padding:10px 4px}.seg.seg4{grid-template-columns:repeat(4,1fr)}.maker{background:var(--surface);border-radius:18px;padding:14px;margin-top:16px;display:grid;gap:10px}.maker b{font-family:var(--display);font-size:20px;font-weight:600}.maker .sub{font-size:13px;color:var(--ink-soft);line-height:1.4;margin-top:-6px}.maker .lbl2{font-size:13px;color:var(--ink-soft);margin-bottom:-4px}.maker .primary{font-size:19px;padding:13px 16px}.maker .primary.stop{background:var(--surface-2);color:var(--ink);box-shadow:none}.mkstatus{font-size:13px;color:var(--ink-soft);text-align:center;min-height:18px}.crow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.del{background:var(--surface);border-radius:16px;padding:0 14px;font-size:13px;color:var(--ink-soft);min-width:52px;display:grid;place-items:center}.del svg{width:20px;height:20px}.del.armed{color:#fff;background:var(--danger)}.empty{text-align:center;color:var(--ink-soft);font-size:14px;padding:18px 8px 4px;list-style:none}.topbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 14px 4px}.title{display:flex;align-items:center;justify-content:center;gap:8px}.title b{font-family:var(--display);font-size:24px;font-weight:600}.badge{font-size:12px;font-weight:800;color:#fff;padding:3px 9px;border-radius:999px}.lives{display:flex;gap:3px;min-width:44px;justify-content:flex-end}.lives svg{width:22px;height:22px;transition:transform .2s}.lives svg.lost{opacity:.35}.lives svg.pop{animation:lifepop .5s}@keyframes lifepop{0%{transform:scale(1)}35%{transform:scale(1.5) rotate(-12deg)}to{transform:scale(1)}}.rules{text-align:center;color:var(--ink-soft);font-size:13px;padding:2px 18px 6px;line-height:1.35}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:2px 12px 4px}.sw{width:24px;height:24px;border-radius:8px;position:relative;background-color:var(--rc);background-image:var(--pimg);background-size:var(--psize)}.sw.done{background-image:none;background-color:transparent;box-shadow:inset 0 0 0 2px var(--rc)}.sw svg{position:absolute;inset:1px;width:22px;height:22px}.boardwrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 10px}.boardbox{position:relative;flex-shrink:0}.lbl{position:absolute;font-size:11px;font-weight:800;color:var(--ink-soft);opacity:.6;text-align:center;transition:color .2s,opacity .2s}.lbl.on{color:var(--accent);opacity:1;font-size:13px}.board{position:absolute;background:var(--board);border-radius:14px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.grid{position:absolute;inset:0;display:grid}.cell{position:relative}.line-glow{position:absolute;inset:3px;border-radius:18%;pointer-events:none;z-index:4;opacity:0;background:#ffffff4d;box-shadow:inset 0 0 12px #ffffff73,0 0 8px #ffffff26;animation:line-sweep .46s ease-in-out both;animation-delay:var(--sweep-delay, 0ms)}@keyframes line-sweep{0%,to{opacity:0}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.line-glow{display:none}}.tile{position:absolute;background-color:var(--rc);background-image:var(--pimg);background-size:var(--psize);background-position:var(--px) var(--py);transition:opacity .25s,filter .25s}body.tx-flat .tile,body.tx-flat .sw:not(.done){--pimg: none}body.tx-dots .tile,body.tx-dots .sw:not(.done){--pimg: radial-gradient(circle at center, var(--pat) 0 20%, transparent 24%);--psize: 9px 9px}body.tx-lines .tile,body.tx-lines .sw:not(.done){--pimg: linear-gradient(45deg, var(--pat) 0 12%, transparent 12% 50%, var(--pat) 50% 62%, transparent 62%);--psize: 10px 10px}body.tx-jelly .tile,body.tx-jelly .sw:not(.done){background-color:transparent;background-position:0 0!important}body.tx-jelly .p0{--pimg: var(--j0);--psize: 100% 100%}body.tx-jelly .p1{--pimg: var(--j1);--psize: 100% 100%}body.tx-jelly .p2{--pimg: var(--j2);--psize: 100% 100%}body.tx-jelly .p3{--pimg: var(--j3);--psize: 100% 100%}body.tx-jelly .p4{--pimg: var(--j4);--psize: 100% 100%}body.tx-jelly .p5{--pimg: var(--j5);--psize: 100% 100%}body.tx-jelly .p6{--pimg: var(--j6);--psize: 100% 100%}body.tx-jelly .p7{--pimg: var(--j7);--psize: 100% 100%}body.tx-jelly .p8{--pimg: var(--j8);--psize: 100% 100%}body.tx-jelly .p9{--pimg: var(--j9);--psize: 100% 100%}body.tx-soft .tile,body.tx-soft .sw:not(.done){--pimg: linear-gradient(to bottom, rgba(255,255,255,.26), rgba(255,255,255,0) 55%, rgba(0,0,0,.12));--psize: 100% 100%;background-position:0 0!important}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:transparent;transition:background .2s}.cell.blocked .tile:after{background:var(--shade)}.dimdone .cell.regdone .tile{opacity:.42;filter:saturate(.6)}.cell.piece .tile{opacity:0}.ring{position:absolute;left:50%;top:50%;width:82%;height:82%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--rc);opacity:0;pointer-events:none}.cell.piece .ring{opacity:1}.cell.ghost .ring{opacity:1;border-style:dashed;animation:spin 6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ripple{position:absolute;left:50%;top:50%;width:82%;height:82%;border-radius:50%;border:3px solid var(--rc);transform:translate(-50%,-50%) scale(.6);opacity:.9;pointer-events:none;animation:ripple .75s ease-out forwards}.ripple.r2{animation-delay:.14s;opacity:0}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}.mark{position:absolute;left:50%;top:50%;width:40%;height:40%;transform:translate(-50%,-50%);display:none;pointer-events:none}.mark:before,.mark:after{content:"";position:absolute;left:50%;top:50%;width:118%;height:16%;min-height:3px;border-radius:99px;background:var(--x);transform:translate(-50%,-50%) rotate(45deg)}.mark:after{transform:translate(-50%,-50%) rotate(-45deg)}.cell.x .mark,.cell.err .mark{display:block}.cell.err .mark:before,.cell.err .mark:after{background:var(--danger);height:20%}.pc{position:absolute;left:50%;top:50%;width:76%;height:76%;transform:translate(-50%,-50%);pointer-events:none;display:none}.pc svg{width:100%;height:100%;display:block;overflow:visible}.pcw{position:relative;width:100%;height:100%}.pcw img{position:absolute;inset:0;width:100%;height:100%;display:block}.pcw .pa{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.pcw .pb{opacity:0;animation:pblink 7s infinite;animation-delay:var(--bd, 0s)}@keyframes pblink{0%,92%,to{opacity:0}93%,97%{opacity:1}}.cell.piece.fresh .pcw .pb{animation:pland .9s ease-out}@keyframes pland{0%,65%{opacity:1}to{opacity:0}}.sw .pcw{position:absolute;inset:1px;width:22px;height:22px}.cell.piece .pc{display:block}.cell.piece.fresh .pc{animation:land .45s cubic-bezier(.3,1.6,.5,1)}@keyframes land{0%{transform:translate(-50%,-90%) scale(.4);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.cell.ghost .pc{display:block;opacity:.5;animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(.9)}}.cell.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.eyes{animation:blink 6s infinite;animation-delay:var(--bd, 0s);transform-origin:50px 46px}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.board.win .cell.piece .pc{animation:hop .6s ease-in-out;animation-delay:var(--wd, 0s)}@keyframes hop{40%{transform:translate(-50%,-78%) scale(1.06)}to{transform:translate(-50%,-50%)}}.board.win .cell.regdone .tile{opacity:1;filter:none}.board.win .cell.blocked .tile:after{background:transparent}.cell.dim{opacity:.22;transition:opacity .2s}.cell.tgt-x .mark{display:block}.cell.tgt-x .mark:before,.cell.tgt-x .mark:after{background:var(--accent)}.cell.tgt-place .pc{display:block;opacity:.75}.chip{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--rc);vertical-align:-2px;margin-right:5px}.cell.tgt:before{content:"";position:absolute;inset:2px;border-radius:9px;box-shadow:0 0 0 3px var(--accent);z-index:3;animation:glow 1.1s ease-in-out infinite;pointer-events:none}@keyframes glow{50%{box-shadow:0 0 0 3px var(--accent),0 0 14px 2px var(--accent)}}.status{min-height:22px;text-align:center;color:var(--ink-soft);font-size:13px;padding:0 18px;line-height:1.35}.status.strong{color:var(--ink)}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 14px 12px}.tool{background:var(--surface);border-radius:16px;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px}.tool svg{width:24px;height:24px}.tool:active{transform:translateY(1px)}.tool[disabled]{opacity:.45}.hintcard{margin:2px 12px 12px;background:var(--surface);border-radius:20px;padding:14px 16px 12px;box-shadow:0 6px 20px #00000040;display:none}#game.hinting .tools,#game.hinting .status{display:none}.hintcard.on{display:block;animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.hrow{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start}.hintart{width:58px;height:auto;display:block;margin-top:2px}.hintstep{color:var(--ink-soft);font-size:12px;font-weight:900;letter-spacing:.08em;margin:0 0 3px;text-transform:uppercase}.hintstep:empty{display:none}#game.teaching .tools,#game.teaching .status,#game.teaching .lives{display:none}.cell.lesson-target:before{content:"";position:absolute;inset:2px;border-radius:9px;box-shadow:inset 0 0 0 3px var(--accent);z-index:3;pointer-events:none}#game.teaching .badge{background:var(--surface-2);color:var(--ink)}.hintcard h3{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:20px}.hintcard p{margin:0 0 12px;font-size:15px;line-height:1.45;font-weight:700}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row2 .primary,.row2 .secondary{font-size:18px;padding:12px 10px}.modal{position:fixed;inset:0;background:#040c0f9e;display:none;align-items:flex-end;justify-content:center;z-index:40;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.modal.on{display:flex}.sheet{width:100%;max-width:520px;max-height:100%;overflow-y:auto;background:var(--surface);border-radius:24px;padding:20px 18px 18px;animation:rise .25s ease-out}.sheet h2{font-family:var(--display);font-weight:700;font-size:34px;margin:4px 0 6px;text-align:center}.sheet p.msg{text-align:center;font-size:16px;margin:0 0 16px;color:var(--ink-soft);line-height:1.45}.sheet .face{display:block;height:170px;width:auto;max-width:70%;margin:-6px auto 0;animation:mpop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes mpop{0%{transform:scale(.6) translateY(20px);opacity:0}to{transform:none;opacity:1}}.sheet .keptline{display:flex;justify-content:center;gap:4px;margin:0 0 18px}.sheet .keptline svg{width:26px;height:26px}.stack{display:grid;gap:10px}.sheet .secondary{background:var(--surface-2)}.sheet h2.left{text-align:left;font-size:28px}.set{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.set b{font-size:16px;display:block}.set span{font-size:13px;color:var(--ink-soft);display:block;margin-top:2px;line-height:1.35}.switch{width:54px;height:32px;border-radius:99px;background:var(--surface-2);position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch[aria-checked=true]{background:var(--easy)}.switch[aria-checked=true]:after{transform:translate(22px)}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-radius:12px;padding:3px;gap:3px}.seg button{padding:8px 4px;border-radius:10px;font-size:14px}.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #00000040}.pals{display:grid;gap:8px}.pal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:var(--surface-2);border-radius:14px;padding:10px 12px;text-align:left;font-size:15px}.pal[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.dots{display:flex;gap:3px}.dots i{width:13px;height:13px;border-radius:4px;display:block}.seg.seg5{grid-template-columns:repeat(3,1fr)}.seg.seg5 button{font-size:13px;padding:8px 2px}.preview{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.preview .sw{width:100%;height:40px;border-radius:10px}.setlabel{padding:14px 0 8px;border-top:1px solid var(--line)}.setlabel b{font-size:16px;display:block}.setlabel span{font-size:13px;color:var(--ink-soft);display:block;margin-top:2px}.danger{color:var(--danger);font-size:16px;padding:12px 0 4px}.fine{color:var(--ink-soft);font-size:12px;text-align:center;margin-top:12px}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%);background:var(--hard);color:#fff;font-family:var(--display);font-weight:600;font-size:20px;padding:10px 20px;border-radius:999px;z-index:30;pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap}.toast.on{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.p0{--pimg: radial-gradient(circle at center, var(--pat) 0 20%, transparent 24%);--psize: 9px 9px}.p1{--pimg: linear-gradient(45deg, var(--pat) 0 12%, transparent 12% 50%, var(--pat) 50% 62%, transparent 62%);--psize: 10px 10px}.p2{--pimg: linear-gradient(to bottom, var(--pat) 0 2px, transparent 2px);--psize: 7px 7px}.p3{--pimg: linear-gradient(-45deg, var(--pat) 0 12%, transparent 12% 50%, var(--pat) 50% 62%, transparent 62%);--psize: 10px 10px}.p4{--pimg: radial-gradient(circle, transparent 0 26%, var(--pat) 29% 40%, transparent 43%);--psize: 13px 13px}.p5{--pimg: linear-gradient(to right, var(--pat) 0 2px, transparent 2px);--psize: 7px 7px}.p6{--pimg: radial-gradient(circle at 50% 0, transparent 0 34%, var(--pat) 36% 50%, transparent 52%);--psize: 14px 9px}.p7{--pimg: linear-gradient(45deg, var(--pat) 0 10%, transparent 10% 50%, var(--pat) 50% 60%, transparent 60%), linear-gradient(-45deg, var(--pat) 0 10%, transparent 10% 50%, var(--pat) 50% 60%, transparent 60%);--psize: 12px 12px}.p8{--pimg: linear-gradient(to right, var(--pat) 0 1.5px, transparent 1.5px), linear-gradient(to bottom, var(--pat) 0 1.5px, transparent 1.5px);--psize: 10px 10px}.p9{--pimg: none;--psize: auto}