@font-face{font-family:Sudoku JP;src:url(/games/sudoku/fonts/NotoSerifJP-sudoku.woff2)format("woff2");font-display:swap}#sudoku-app{--paper:#f6eddd;--card:#fff8ea;--raised:#fffdf7;--ink:#17120e;--muted:#4b4239;--entry:#17466a;--wrong:#a3301f;--noteink:#4a4036;--vermilion:#a94d38;--gold:#be9138;--indigo:#13283c;--moss:#536b48;--thick:#17120e;--thin:#9c8c78;--open:#fffbf2;--alt:#faf4e8;--lacquer:#8c3322;--lacquer2:#6e2518;--peer:#ebd9b6;--same:#d9e6ee;--selected:#f3cf76;--hint:#cfe0c3;--celebrate:#f4de9e;--notematch:#ecf1f2;--wrongfill:#f7d9d0;--gold35:#be913859;--backdrop-o:.3;--serif:"Noto Serif", "Sudoku JP", Georgia, serif;--sans:"Noto Sans", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#sudoku-app[data-theme=dark]{--paper:#0b1622;--card:#13283c;--raised:#1a3249;--ink:#f3e9d6;--muted:#b9ad99;--entry:#9ccbea;--wrong:#ff8a73;--noteink:#c9bda8;--vermilion:#d0664c;--gold:#d9b25e;--indigo:#9ccbea;--moss:#9db88e;--thick:#e8dcc6;--thin:#3e5870;--open:#16293c;--alt:#13263a;--lacquer:#05101a;--lacquer2:#000;--peer:#1f3e5c;--same:#285170;--selected:#7a5a17;--hint:#2e4a2a;--celebrate:#6e5a1e;--notematch:#1f3c55;--wrongfill:#4a1f18;--gold35:#d9b25e59;--backdrop-o:.42}@media (prefers-contrast:more){#sudoku-app{--muted:#3a322b;--entry:#0e3350;--thin:#5f5244;--peer:#e0c999;--selected:#edbe4a}#sudoku-app[data-theme=dark]{--muted:#dcd2bf;--entry:#c2e2f7;--thin:#7f97ad;--peer:#2a5378;--selected:#94701f}}:where(#sudoku-app) *{box-sizing:border-box}:where(#sudoku-app) button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:where(#sudoku-app) button:disabled{cursor:default}#sudoku-app :focus-visible{outline:3px solid var(--gold);outline-offset:2px}#sudoku-app [tabindex="-1"]:focus{outline:none}#sudoku-app [hidden]{display:none!important}:where(#sudoku-app) :is(h1,h2,h3,p){margin:0}#sudoku-app [lang=ja]{font-family:"Sudoku JP", var(--serif)}.sd-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-muted{color:var(--muted)}.sd-center{text-align:center}.sd-serif{font-family:var(--serif)}#sudoku-app:before{content:"";pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg stroke='%23BE9138' stroke-opacity='.18' stroke-width='.6'%3E%3Cpath d='M12 30l22 9M80 12l16 20M150 40l-20 12M190 90l18-6M30 120l24 4M100 100l10 22M160 150l-26 8M60 190l20-14M200 200l-14-18M120 60l18 3'/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.sd-screen{width:min(100%,560px);margin:0 auto;transition:opacity .24s,transform .3s;position:relative}.sd-screen.is-entering{opacity:0;transform:translateY(8px)}.sd-screen.is-leaving{opacity:0;pointer-events:none;position:absolute;left:0;right:0}.sd-reduce .sd-screen{transition:opacity .15s;transform:none!important}.sd-card{background:var(--card);border:1px solid var(--gold35);border-radius:18px;padding:16px}.sd-btn{background:var(--card);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;min-height:50px;padding:0 16px;font-weight:600;transition:transform .12s,filter .12s;display:flex}.sd-btn:active{filter:brightness(.96);transform:scale(.96)}.sd-btn.primary{background:var(--vermilion);color:var(--card)}.sd-play .sd-btn.primary,.sd-lesson .sd-btn.primary{background:var(--indigo);color:var(--card)}.sd-btn.danger{color:#fff8ea;background:#a3301f}.sd-btn.big{min-height:54px;font-size:17px}.sd-btn.pill{border-radius:999px;width:auto;min-height:44px;padding:0 18px;display:inline-flex}.sd-btn small{opacity:.85;font-size:12px;font-weight:400}.sd-btn:disabled{opacity:.45}.sd-link{color:var(--muted);min-height:44px;padding:0 12px}.sd-chip{background:var(--same);color:var(--indigo);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:14px;font-weight:600}.sd-bubble{background:var(--raised);font-family:var(--serif);border:1px solid #be913880;border-radius:16px;padding:12px 14px;font-size:15.5px;line-height:1.4;position:relative}.sd-bubble:before{content:"";border:7px solid #0000;border-right:10px solid var(--raised);border-left:0;position:absolute;top:22px;left:-9px}.sd-mini{border:3px solid var(--lacquer);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--gold);object-fit:cover;background:var(--raised);border-radius:14px;flex:none}.sd-row{gap:10px;display:flex}.sd-row>*{flex:1}.sd-splash{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh;display:flex;overflow:hidden}.sd-splash__top{margin-top:calc(var(--safe-t) + 9vh);text-align:center;opacity:0;transition:opacity .5s,transform .5s;transform:scale(.92)}.sd-splash.is-on .sd-splash__top{opacity:1;transform:none}.sd-moon{width:min(46vw,220px);margin:0 auto 14px;position:relative}.sd-moon svg{width:100%;display:block;overflow:visible}.sd-seal{color:#fff8ea;opacity:0;background:#b23a26;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;font:900 21px Sudoku JP,serif;transition:transform .22s cubic-bezier(.3,1.6,.5,1),opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:rotate(-6deg)scale(1.9);box-shadow:inset 0 0 0 4px #b23a26,inset 0 0 0 5.2px #fff8ead9}.sd-splash.is-stamped .sd-seal{opacity:1;transform:rotate(-6deg)scale(1)}.sd-eyebrow{letter-spacing:.25em;color:var(--vermilion);font-size:12px;font-weight:700}.sd-eyebrow a{color:inherit;text-decoration:none}.sd-splash h1{font:600 60px/1.05 var(--serif)}.sd-splash__cast{width:100%;height:45vh;margin-bottom:max(12px, var(--safe-b));position:relative}.sd-splash__cast img{height:100%;transition:transform .6s cubic-bezier(.2,.9,.3,1.05);position:absolute;bottom:0}.sd-splash__cast .k{left:6px;transform:translate(-80vw)}.sd-splash__cast .d{right:6px;transform:translate(80vw)}.sd-splash.is-on .sd-splash__cast img{transition-delay:.18s;transform:none}.sd-home .sd-scroll{padding:calc(var(--safe-t) + 16px) 18px calc(var(--safe-b) + 28px);flex-direction:column;gap:20px;display:flex}.sd-hero h1{font:600 34px/1.15 var(--serif)}.sd-hero .sd-muted{font-family:var(--serif);font-size:15px}.sd-welcome{align-items:center;gap:14px;display:flex}.sd-welcome img{object-fit:contain;flex:none;width:96px;height:178px}.sd-invite{align-items:flex-start;gap:12px;display:flex}.sd-invite h2{font-size:17px}.sd-invite p{margin-top:6px;font-size:15px}.sd-cardhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sd-daily,.sd-free{flex-direction:column;gap:14px;display:flex}.sd-daily h2,.sd-free h2{font:600 22px var(--serif)}.sd-solved{justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:600;display:flex}.sd-solved span{color:var(--moss);font-size:20px}.sd-streak{color:var(--vermilion);font-size:15px;font-weight:600}.sd-week{margin:0;padding:0;list-style:none;display:flex}.sd-week li{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.sd-week span{border:1px solid color-mix(in srgb, var(--muted) 50%, transparent);width:26px;height:26px;color:var(--card);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.sd-week .future span{border-color:color-mix(in srgb, var(--muted) 25%, transparent)}.sd-week .done span{background:var(--vermilion)}.sd-week .today span{border:2.5px solid var(--gold)}.sd-week b{color:var(--muted);font-size:11px;font-weight:400}.sd-week .today b{font-weight:700}.sd-continue{text-align:left;background:var(--raised);border:1.5px solid color-mix(in srgb, var(--vermilion) 50%, transparent);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:14px;display:flex}.sd-continue span:nth-child(2){flex-direction:column;flex:1;display:flex}.sd-continue small{color:var(--muted);font-size:12px}.sd-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sd-tile{text-align:left;background:var(--raised);border:1px solid var(--gold35);border-radius:14px;flex-direction:column;gap:4px;min-height:92px;padding:12px;transition:transform .12s;display:flex}.sd-tile:active{transform:scale(.96)}.sd-tilehead{justify-content:space-between;align-items:baseline;display:flex}.sd-tilehead span{color:var(--vermilion);font-weight:600}.sd-tile small{color:var(--muted);font-size:12.5px;line-height:1.35}.sd-tile em{color:var(--moss);font-size:11.5px;font-style:normal;font-weight:600}.sd-footer{padding:0}.sd-footer>*{text-align:left;width:100%;min-height:56px;color:inherit;align-items:center;gap:14px;padding:0 16px;text-decoration:none;display:flex}.sd-footer>*+*{border-top:1px solid #be91384d}.sd-footer span{text-align:center;width:26px;font-size:19px}.sd-footer b{flex:1;font-weight:600}.sd-footer small{color:var(--muted);font-size:14px}.sd-footer i{color:var(--muted);font-style:normal;font-weight:700}.sd-postcard{background:#fff8ea;border-radius:10px;margin:0;padding:8px;position:relative;box-shadow:0 4px 16px #0000002e}.sd-postcard img{width:100%;aspect-ratio:var(--aspect);object-fit:cover;border-radius:6px;display:block}.sd-stampwrap{width:var(--stamp);height:var(--stamp);position:absolute;bottom:-18px;right:-10px;transform:rotate(-9deg)}.sd-stampwrap.is-pressing{animation:.45s cubic-bezier(.3,1.5,.5,1) .7s both sd-press}@keyframes sd-press{0%{opacity:0;transform:rotate(-9deg)scale(1.7)}to{opacity:1;transform:rotate(-9deg)scale(1)}}.sd-hanko{opacity:.93;width:100%;height:100%}.sd-hanko text{fill:#b23a26;font-family:Sudoku JP,serif;font-weight:900}.sd-hanko .k{font-size:28px}.sd-hanko .k.small{font-size:22px}.sd-hanko .d{font-size:11px;font-family:var(--serif)}.sd-hanko .s{font-size:10px;font-weight:700}.sd-play{height:100dvh;padding-bottom:calc(var(--safe-b) + 8px);flex-direction:column;gap:8px;display:flex;overflow:hidden}.sd-backdrop{height:330px;opacity:var(--backdrop-o);pointer-events:none;background-position:50%;background-size:cover;position:fixed;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 45%,#0000 100%);mask-image:linear-gradient(#000 0%,#0009 45%,#0000 100%)}.sd-topbar{padding:calc(var(--safe-t) + 8px) 16px 0;align-items:center;gap:12px;display:flex;position:relative}.sd-round{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;background:var(--card)!important}.sd-round svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sd-round svg circle{fill:currentColor;stroke:none}.sd-titles{flex:1;min-width:0}.sd-titles h1{font:600 17px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-titles p{color:var(--muted);font-variant-numeric:tabular-nums;gap:10px;font-size:15px;display:flex}.sd-mist{color:var(--muted)}.sd-boardwrap{flex:auto;place-items:center;min-height:0;padding:0 8px;display:grid;position:relative;container-type:size}.sd-tray{aspect-ratio:1;background:linear-gradient(var(--lacquer), var(--lacquer2));border-radius:9px;width:min(100cqw,100cqh);padding:7px;position:relative;box-shadow:0 5px 20px #00000038,inset 0 0 0 3.5px #0000}.sd-tray:after{content:"";pointer-events:none;border:.8px solid #be9138bf;border-radius:6px;position:absolute;inset:3.5px}.sd-kanamono{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sd-grid{border:3px solid var(--thick);background:var(--thick);flex-direction:column;width:100%;height:100%;display:flex}.sd-gridrow{flex:1;display:flex}.sd-cell{font-family:var(--sans);color:var(--entry);flex:1;place-items:center;transition:background-color .18s;display:grid;position:relative;container-type:inline-size;background:var(--open)!important;border-right:.75px solid var(--thin)!important;border-bottom:.75px solid var(--thin)!important}.sd-cell.is-alt{background:var(--alt)!important}.sd-cell.b-r{border-right:2.5px solid var(--thick)!important}.sd-cell.b-b{border-bottom:2.5px solid var(--thick)!important}.sd-gridrow:last-child .sd-cell{border-bottom:0!important}.sd-cell:last-child{border-right:0!important}.sd-cell.s-peer{background:var(--peer)!important}.sd-cell.s-same{background:var(--same)!important}.sd-cell.s-notematch{background:var(--notematch)!important}.sd-cell.s-hint{background:var(--hint)!important}.sd-cell.s-wrong{background:var(--wrongfill)!important}.sd-cell.s-selected{box-shadow:inset 0 0 0 2.5px var(--vermilion);background:var(--selected)!important}.sd-cell.s-ring{box-shadow:inset 0 0 0 3px var(--vermilion);border-radius:50%}.sd-cell.s-blocked{background:repeating-linear-gradient(135deg, var(--peer) 0 3px, var(--open) 3px 7px)!important}.sd-cell.celebrate,.sd-cell.s-celebrate{background:var(--celebrate)!important}.sd-digit{font-size:62cqw;font-weight:500;line-height:1}.sd-cell.is-given .sd-digit{font-family:var(--serif);color:var(--ink);font-weight:600}.sd-cell.is-wrong .sd-digit{color:var(--wrong)}.sd-cell.is-wrong .sd-digit:after{content:"";background:var(--wrong);border-radius:2px;height:max(2px,6cqw);position:absolute;bottom:10%;left:29%;right:29%}.sd-digit.pop{animation:.28s cubic-bezier(.3,1.5,.5,1) sd-pop}@keyframes sd-pop{0%{opacity:0;transform:scale(1.55)}to{opacity:1;transform:none}}.sd-reduce .sd-digit.pop{animation:none}.sd-notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.sd-notes i{color:var(--noteink);place-items:center;font-size:26cqw;font-style:normal;font-weight:500;display:grid}.sd-notes i.em{color:var(--entry);font-weight:700}.sd-companion{align-items:center;gap:12px;min-height:68px;padding:0 14px;display:flex}.sd-cameo img{border:3px solid var(--lacquer);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--gold), 0 2px 6px #00000026;object-fit:cover;background:var(--raised);border-radius:15px;animation:4.8s ease-in-out infinite sd-breathe;display:block}@keyframes sd-breathe{50%{transform:translateY(-1.5px)}}.sd-reduce .sd-cameo img{animation:none}.sd-cbubble{font:600 15px var(--serif);color:var(--muted);flex:1}.sd-cbubble.is-line{color:var(--ink);background:var(--raised);transform-origin:0;border:1px solid #be913880;border-radius:16px;padding:10px 13px;font-weight:400;animation:.35s cubic-bezier(.3,1.4,.5,1) sd-in;position:relative}@keyframes sd-in{0%{opacity:0;transform:scale(.85)}}.sd-controls{flex-direction:column;gap:10px;padding:0 12px;display:flex}.sd-controls.is-covered{visibility:hidden}.sd-tools{gap:8px;display:flex}.sd-tool{border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;font-size:12px;font-weight:600;display:flex;background:var(--card)!important;border:1px solid var(--gold35)!important}.sd-tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sd-tool.is-on{color:var(--card);background:var(--indigo)!important;border-color:#0000!important}.sd-tool:disabled{opacity:.45}.sd-pad{gap:6px;display:flex}.sd-pad button{border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:70px;transition:transform .12s;display:flex;background:var(--raised)!important;border:1px solid var(--gold35)!important}.sd-pad button:active{transform:scale(.94)}.sd-pad b{color:var(--entry);font-size:clamp(24px,8vw,32px);font-weight:500;line-height:1.1}.sd-pad small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.sd-pad .is-done{opacity:.5}.sd-pad .is-done small{color:var(--moss)}.sd-pad .is-notes{border:1.5px dashed color-mix(in srgb, var(--indigo) 55%, transparent)!important}.sd-pad .is-notes b{color:var(--muted);font-weight:400}.sd-pad button:disabled{opacity:.5}.sd-hintslot{left:12px;right:12px;bottom:calc(var(--safe-b) + 8px);z-index:5;position:absolute}.sd-hintcard{flex-direction:column;gap:12px;padding:14px;animation:.35s cubic-bezier(.2,.9,.3,1.05) sd-up;display:flex;box-shadow:0 8px 28px #0000002e}@keyframes sd-up{0%{opacity:0;transform:translateY(40px)}}.sd-hinthead{align-items:center;gap:12px;display:flex}.sd-hinthead img{border:1.5px solid var(--gold);object-fit:cover;border-radius:50%;width:52px;height:52px}.sd-hinthead h2{font:600 17px var(--serif);flex:1}.sd-x{width:44px;height:44px;font-size:18px;font-weight:700}.sd-hintbody{max-height:220px;font-size:16px;line-height:1.45;overflow-y:auto}.sd-hintbtns{gap:10px;display:flex}.sd-hintbtns .sd-btn{background:var(--paper);flex:1}.sd-hintbtns .sd-btn.primary{background:var(--indigo)}.sd-completion{z-index:20;background:var(--paper);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1);position:fixed;inset:0;overflow-y:auto;transform:scale(.96)}.sd-completion.is-on{opacity:1;transform:none}.sd-completion__inner{width:min(100%,520px);padding:calc(var(--safe-t) + 24px) 24px calc(var(--safe-b) + 24px);text-align:center;flex-direction:column;gap:16px;margin:0 auto;display:flex}.sd-completion h1{font:600 34px var(--serif)}.sd-regiontitle{font:600 17px var(--serif);margin-top:8px!important}.sd-cheer{text-align:left;align-items:flex-end;gap:4px;display:flex}.sd-cheer img{height:180px;animation:.4s ease-out .35s both sd-rise}.sd-cheer .sd-bubble{margin-bottom:70px;animation:.4s ease-out .35s both sd-rise}@keyframes sd-rise{0%{opacity:0;transform:translateY(30px)}}.sd-stats{padding:12px;display:flex}.sd-stats div{flex-direction:column;flex:1;gap:2px;display:flex}.sd-stats b{font-variant-numeric:tabular-nums;font-size:20px}.sd-stats span{color:var(--muted);font-size:12px}.sd-sheet{z-index:30;opacity:0;background:#0a080666;justify-content:center;align-items:flex-end;transition:opacity .18s;display:flex;position:fixed;inset:0}.sd-sheet.is-on{opacity:1}.sd-sheet__panel{background:var(--paper);width:min(100%,560px);max-height:92dvh;padding-bottom:var(--safe-b);border-radius:18px 18px 0 0;flex-direction:column;transition:transform .24s cubic-bezier(.2,.9,.3,1);display:flex;transform:translateY(30px)}.sd-sheet.is-on .sd-sheet__panel{transform:none}.sd-sheet header{justify-content:space-between;align-items:center;padding:10px 8px 6px 20px;display:flex}.sd-sheet header h2{font:600 22px var(--serif)}.sd-sheet header .sd-link{color:var(--vermilion);font-weight:600}.sd-sheet__body{flex-direction:column;gap:12px;padding:4px 20px 24px;display:flex;overflow-y:auto}.sd-sheet__body h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;margin-top:8px!important}.sd-note{color:var(--muted);font-size:14px;line-height:1.45}.sd-toggle,.sd-select{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.sd-toggle span{flex-direction:column;display:flex}.sd-toggle b,.sd-select b{font-weight:500}.sd-toggle small{color:var(--muted);font-size:12.5px}.sd-toggle input{opacity:0;pointer-events:none;position:absolute}.sd-toggle i{background:color-mix(in srgb, var(--muted) 35%, transparent);border-radius:999px;flex:none;width:51px;height:31px;transition:background .15s;position:relative}.sd-toggle i:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.sd-toggle input:checked+i{background:var(--vermilion)}.sd-toggle input:checked+i:after{transform:translate(20px)}.sd-toggle input:focus-visible+i{outline:3px solid var(--gold);outline-offset:2px}.sd-select select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--gold35);border-radius:10px;padding:8px 10px}.sd-passport{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}.sd-passport p{justify-content:space-between;font-size:14px;display:flex;margin-top:8px!important}.sd-passport em{color:var(--vermilion);font-size:12px;font-style:normal;font-weight:700}.sd-blank{aspect-ratio:16/10;background:var(--card);border:1.5px dashed color-mix(in srgb, var(--muted) 35%, transparent);border-radius:10px;place-items:center;display:grid}.sd-blank span{color:color-mix(in srgb, var(--muted) 35%, transparent);font-size:28px;font-weight:700}.sd-records{flex-direction:column;gap:8px;display:flex}.sd-records h3{font:600 20px var(--serif)!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important}.sd-records p{justify-content:space-between;font-size:15px;display:flex}.sd-records p span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.sd-records small{color:var(--muted);font-size:12px}.sd-menu{z-index:25;background:var(--raised);border:1px solid var(--gold35);border-radius:14px;min-width:240px;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0003}.sd-menu button{text-align:left;width:100%;min-height:46px;padding:13px 16px;display:block}.sd-menu button+button{border-top:1px solid #be913833}.sd-menu button:hover{background:var(--card)}.sd-menu .danger{color:var(--wrong)}.sd-preparing{z-index:40;background:color-mix(in srgb, var(--paper) 70%, transparent);place-items:center;display:grid;position:fixed;inset:0}.sd-preparing .sd-card{font-family:var(--serif);color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.sd-spinner{border:3px solid var(--gold35);border-top-color:var(--vermilion);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite sd-spin}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-lesson{height:100dvh;padding-bottom:calc(var(--safe-b) + 10px);flex-direction:column;gap:12px;display:flex;overflow:hidden}.sd-lesson .sd-titles p{justify-content:center;font-size:12.5px}.sd-step{text-align:right;width:44px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.sd-lessonstamp{opacity:0;pointer-events:none;z-index:2;width:118px;height:118px;transition:transform .25s cubic-bezier(.3,1.5,.5,1),opacity .2s;position:absolute;bottom:6%;right:10%;transform:rotate(-9deg)scale(1.8)}.sd-lessonstamp.is-pressed{opacity:1;transform:rotate(-9deg)scale(1)}.sd-demopad{gap:5px;padding:0 14px;display:flex}.sd-demopad span{background:var(--raised);border:1px solid var(--gold35);min-height:44px;color:var(--entry);border-radius:10px;flex:1;place-items:center;font-size:22px;transition:background .15s,transform .15s;display:grid}.sd-demopad span.is-down{background:var(--selected);transform:scale(.94)}.sd-lessonline{align-items:flex-start;gap:12px;min-height:96px;padding:0 16px;display:flex}.sd-lessonline img{width:64px;height:64px}.sd-lessonline p{font:16px/1.45 var(--serif);flex:1}.sd-lessonbtns{flex-direction:column;gap:10px;padding:0 16px;display:flex}.sd-lessonbtns .sd-btn.primary.is-ready{box-shadow:0 0 0 2.5px var(--gold)}@media (width>=900px) and (aspect-ratio>=5/4){.sd-play{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 360px;column-gap:28px;width:min(100%,1100px);padding:0 24px 16px;display:grid}.sd-play .sd-topbar{grid-column:1/-1;padding-left:0;padding-right:0}.sd-play .sd-boardwrap{grid-area:2/1/5}.sd-play .sd-companion{grid-area:2/2;align-self:end}.sd-play .sd-controls{grid-area:3/2}.sd-play .sd-pad{flex-wrap:wrap}.sd-play .sd-pad button{flex:1 0 30%}.sd-play .sd-hintslot{width:360px;left:auto;right:24px}}