.sdk-app{--sdk-room-height: max( 0px, calc( var(--sdk-viewport-height, 100dvh) - var(--yk-bottom-overlay-clearance, 0px) ) );--sdk-header-height: calc(64px + env(safe-area-inset-top)) ;--sdk-key-size: 62px;--sdk-dock-fallback: calc(134px + env(safe-area-inset-bottom)) }.sdk-content{padding-top:var(--sdk-header-height)}.sdk-app[data-playing=true] .sdk-content{padding-bottom:calc(var(--sdk-dock-height, var(--sdk-dock-fallback)) + var(--yk-bottom-overlay-clearance, 0px) + 24px)}.sdk-topbar{position:fixed;inset:0 0 auto;z-index:30;height:var(--sdk-header-height);padding:env(safe-area-inset-top) max(16px,calc((100vw - 1016px)/2)) 0;background:var(--sdk-paint-18343dcf);border-bottom:1px solid var(--sdk-paint-cbb98755);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sdk-topbar>.sdk-topbar-title{gap:12px}.sdk-topbar h1{font-family:"Noto Serif JP",serif;font-size:22px;letter-spacing:.12em}.sdk-topbar .sdk-menu-button,.sdk-topbar .sdk-share-button{width:44px;height:44px;padding:0;display:grid;place-items:center;border-color:transparent}.sdk-heading h2{font-family:"Noto Serif JP",serif;font-size:36px;margin-bottom:12px}.sdk-app[data-tab=play] .sdk-heading{display:none}.sdk-app[data-tab=play] .sdk-aside>.sdk-companion{margin-top:0}.sdk-play-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sdk-play-controls .sdk-mode-switch{flex:1;margin:0;gap:22px;min-width:0}.sdk-play-controls .sdk-mode-switch button{min-height:44px;padding:8px 2px}.sdk-level-select select{font-size:16px;color:var(--sdk-paper);background:var(--sdk-night);border:1px solid var(--sdk-paint-af9e6f55);border-radius:4px;min-height:44px;max-width:170px;padding:6px}.sdk-cell.given{cursor:default;user-select:none;-webkit-user-select:none}.sdk-icon-button{min-width:44px;min-height:44px}.sdk-digit{display:grid;place-items:center;container-type:size}.sdk-glyph{width:min(100cqw,100cqh);height:min(100cqw,100cqh);background-size:300% 300%;background-repeat:no-repeat}.sdk-board-stage{--sdk-rim: 30px;position:relative;isolation:isolate}.sdk-board-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.sdk-board-decor *{pointer-events:none}.sdk-corner{position:absolute;width:190px;height:190px;bottom:-6px;overflow:visible}.sdk-corner-left{left:calc(-190px + var(--sdk-rim) + (100% - 2 * var(--sdk-rim)) / var(--sdk-n) * .28)}.sdk-corner-right{right:calc(-190px + var(--sdk-rim) + (100% - 2 * var(--sdk-rim)) / var(--sdk-n) * .28)}.sdk-corner img{position:absolute;max-width:none;width:100%;bottom:0;filter:blur(.6px)}.sdk-corner-left img{width:240px;right:calc(-240px * .259375 + 2px);filter:blur(1.5px)}.sdk-corner .sdk-corner-cat{width:90%;bottom:78px;left:4%}.sdk-controls{position:fixed;z-index:20;inset:auto 0 var(--yk-bottom-overlay-clearance, 0px);padding:12px 0 max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--sdk-night) 60%,var(--sdk-paint-18343dcf));border-top:1px solid var(--sdk-paint-cbb98755);box-shadow:0 -10px 30px var(--sdk-paint-07161d88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sdk-controls-inner{width:624px;max-width:calc(100vw - 24px);margin-left:max(42px,calc((100vw - 1100px)/2 + 42px))}.sdk-controls .sdk-tools{height:44px;margin:0 0 10px;gap:4px}.sdk-tools button{min-height:44px}.sdk-controls .sdk-numpad{display:grid;grid-template-columns:repeat(6,var(--sdk-key-size));justify-content:center;padding:0;gap:6px;margin:0}.sdk-controls .sdk-numpad.has-nine{grid-template-columns:repeat(9,var(--sdk-key-size))}.sdk-controls .sdk-key,.sdk-controls .sdk-numpad.has-nine .sdk-key{width:var(--sdk-key-size);height:var(--sdk-key-size);min-height:0;aspect-ratio:1;grid-column:auto}.sdk-controls .sdk-key-face{top:-2px;right:-2px;bottom:-2px;left:-2px}.sdk-drawer{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100%;max-width:none;height:calc(100% - var(--yk-bottom-overlay-clearance, 0px));max-height:none;padding:0;border:0;background:transparent;color:var(--sdk-paper);overflow:hidden}.sdk-drawer[open]{display:block}.sdk-drawer::backdrop{background:transparent}.sdk-drawer .sdk-drawer-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--sdk-paint-0a1e2bc4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:0;border-radius:0}.sdk-drawer .sdk-drawer-shade:active{transform:none}.sdk-drawer-panel{position:relative;display:flex;flex-direction:column;width:min(86vw,360px);height:100%;overflow-y:auto;overscroll-behavior:contain;padding:max(30px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));background:var(--sdk-night) url(/images/game/sudoku/drawer-silk-v1.webp) center bottom / cover no-repeat;border-right:1px solid var(--sdk-paint-beab79);box-shadow:14px 0 50px var(--sdk-paint-07161d88)}.sdk-drawer header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:26px}.sdk-drawer-brand{font-family:Georgia,serif;font-size:10px;letter-spacing:.25em;color:var(--sdk-gold);margin-bottom:12px}.sdk-drawer h2{font-family:"Noto Serif JP",serif;font-size:26px;font-weight:400;letter-spacing:.08em;line-height:1.5}.sdk-drawer header button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;align-self:flex-start}.sdk-drawer nav{display:grid}.sdk-drawer nav button,.sdk-drawer-home{display:flex;align-items:center;gap:22px;text-align:left;padding:22px 16px;min-height:76px}.sdk-drawer nav button{position:relative;border:0;border-bottom:1px solid var(--sdk-paint-af9e6f55);border-radius:0;font-family:"Noto Serif JP",serif;font-size:21px;letter-spacing:.1em}.sdk-drawer nav svg{width:24px;height:24px}.sdk-drawer nav button[aria-current=page]{background:linear-gradient(110deg,var(--sdk-paint-30504dcf),var(--sdk-paint-19353eaa));box-shadow:inset 0 1px var(--sdk-gold),inset 0 -1px var(--sdk-paint-af9e6f55),inset 3px 0 var(--sdk-gold);color:var(--sdk-paper-light)}@media(hover:hover)and (pointer:fine){.sdk-drawer nav button:hover{background-color:var(--sdk-paint-19353eaa)}}.sdk-drawer-home{margin-top:auto;padding-inline:8px;border-top:1px solid var(--sdk-paint-af9e6f55);font-family:"Noto Serif JP",serif;font-size:14px}.sdk-share-dialog header{display:flex;justify-content:space-between;gap:12px}.sdk-share-dialog header button{width:44px;height:44px;display:grid;place-items:center}.sdk-share-dialog input{width:100%;min-height:44px;padding:10px;border:1px solid var(--sdk-line);border-radius:4px;font-size:16px;margin-bottom:18px}.sdk-share-dialog>.sdk-primary{width:100%}@media(max-width:1100px)and (min-width:821px){.sdk-controls-inner{width:min(600px,calc(100vw - 255px));margin-left:30px}.sdk-app{--sdk-key-size: min(60px, calc((100vw - 309px) / 9))}}@media(max-width:820px){html:has(.sdk-app),body:has(.sdk-app){height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}body:has(.sdk-app){position:fixed;top:0;right:0;bottom:0;left:0;width:100%}.sdk-app{position:fixed;inset:var(--sdk-viewport-top, 0px) 0 auto;height:var(--sdk-room-height);min-height:0;width:100%;padding:0;overflow:hidden;contain:layout;--sdk-header-height: calc(48px + env(safe-area-inset-top)) ;--sdk-key-size: min(62px, calc((100vw - 54px) / 6))}.sdk-app[data-size="9"]{--sdk-key-size: min(62px, calc((100vw - 64px)/5) );--sdk-dock-fallback: calc( 2 * var(--sdk-key-size) + 86px + env(safe-area-inset-bottom) )}.sdk-content{width:100%;height:100%;padding-top:var(--sdk-header-height);padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scrollbar-width:none}.sdk-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.sdk-topbar h1{font-size:19px}.sdk-topbar>.sdk-topbar-title{gap:8px}.sdk-play-controls{gap:8px;margin:0}.sdk-play-controls .sdk-mode-switch{gap:12px}.sdk-play-controls .sdk-mode-switch button{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.sdk-level-select{flex:0 0 clamp(112px,34vw,142px)}.sdk-level-select select{width:100%;max-width:100%}.sdk-board-stage{--sdk-rim: 14px}.sdk-corner{width:112px;height:112px}.sdk-corner-left{left:calc(-112px + var(--sdk-rim) + (100% - 2 * var(--sdk-rim)) / var(--sdk-n) * .28)}.sdk-corner-right{right:calc(-112px + var(--sdk-rim) + (100% - 2 * var(--sdk-rim)) / var(--sdk-n) * .28)}.sdk-corner-left img{width:150px;right:-36.90625px}.sdk-corner .sdk-corner-cat{bottom:46px}.sdk-app[data-playing=true]{height:var(--sdk-room-height);min-height:0;padding:0}.sdk-app[data-playing=true] .sdk-content{height:100%;display:flex;flex-direction:column;padding:var(--sdk-header-height) 12px var(--sdk-dock-height, var(--sdk-dock-fallback))}.sdk-app[data-playing=true] .sdk-workspace{flex:1;min-height:0}.sdk-app[data-playing=true] .sdk-main-panel{height:100%;display:flex;flex-direction:column}.sdk-app[data-playing=true] .sdk-play-controls{flex:0 0 44px}.sdk-play{--sdk-status-space: 0px;--sdk-board-size: min( 600px, calc(100vw - 32px) , calc( var(--sdk-room-height) - var(--sdk-header-height) - 108px - var(--sdk-dock-height, var(--sdk-dock-fallback)) - var(--sdk-status-space) ) );flex:1;min-height:0;display:flex;flex-direction:column}.sdk-toolbar{flex:0 0 44px;margin:0;padding:0 4px;border:0;background:transparent;box-shadow:none;font-size:11px}.sdk-toolbar small{display:none}.sdk-toolbar>div{gap:4px}.sdk-timer{font-size:12px}.sdk-board-stage{flex:0 0 auto;width:var(--sdk-board-size);height:var(--sdk-board-size);margin:auto}.sdk-play .sdk-physical-board{width:100%;height:100%;border-width:14px;border-image-width:14px}.sdk-controls{bottom:0;padding:8px 12px max(12px,env(safe-area-inset-bottom))}.sdk-controls-inner{width:100%;max-width:600px;margin:0 auto}.sdk-controls .sdk-tools{margin-bottom:8px}.sdk-tools button{min-height:44px;font-size:11px;gap:5px}.sdk-tools svg{width:17px;height:17px}.sdk-controls .sdk-numpad.has-nine{grid-template-columns:repeat(10,calc((var(--sdk-key-size) - 8px) / 2));gap:8px}.sdk-controls .sdk-numpad.has-nine .sdk-key{grid-column:span 2}.sdk-controls .sdk-numpad.has-nine .sdk-key:nth-child(6){grid-column:2 / span 2}.sdk-play[data-complete=true],.sdk-play:has(.sdk-error){overflow-y:auto}.sdk-play[data-complete=true] .sdk-board-stage,.sdk-play:has(.sdk-error) .sdk-board-stage{margin:0 auto}.sdk-completion{padding:16px}}@media(max-width:820px)and (max-height:519px){.sdk-app[data-playing=true] .sdk-content{display:block;padding-bottom:calc(var(--sdk-dock-height, var(--sdk-dock-fallback)) + 20px)}.sdk-app[data-playing=true] .sdk-main-panel{height:auto}.sdk-play{flex:none;--sdk-board-size: min(360px, calc(100vw - 32px) )}.sdk-app,.sdk-app[data-size="9"]{--sdk-key-size: 44px}.sdk-controls .sdk-numpad.has-nine{grid-template-columns:repeat(9,44px);gap:6px}.sdk-controls .sdk-numpad.has-nine .sdk-key,.sdk-controls .sdk-numpad.has-nine .sdk-key:nth-child(6){grid-column:auto}}@media(prefers-reduced-motion:reduce){.sdk-corner img{transform:none!important}}.sdk-level-select{position:relative}.sdk-level-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 28px 8px 10px;box-shadow:inset 0 1px var(--sdk-paint-cbb98755)}.sdk-level-select>svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:var(--sdk-gold)}.sdk-drawer header button:focus-visible{outline-width:1px;border-radius:50%}@media(max-width:820px){.sdk-level-select{flex-basis:clamp(132px,42vw,164px)}}@media(max-width:519px)and (max-height:519px){.sdk-controls .sdk-numpad.has-nine{grid-template-columns:repeat(10,18px);gap:8px}.sdk-controls .sdk-numpad.has-nine .sdk-key{grid-column:span 2}.sdk-controls .sdk-numpad.has-nine .sdk-key:nth-child(6){grid-column:2 / span 2}}.sdk-share-dialog header button{padding:0;border:0}.sdk-drawer-footer{margin-top:auto}.sdk-drawer-footer .sdk-drawer-home{margin-top:0}.sdk-install{padding:22px 0 12px}.sdk-install-button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;text-align:left;border:1px solid var(--sdk-paint-af9e6f55);border-radius:8px;background:var(--sdk-paint-19353eaa)}.sdk-install-button img{flex:none;border-radius:10px}.sdk-install-button>span{flex:1;min-width:0}.sdk-install-button strong{display:block;font-weight:500;font-size:13px}.sdk-install-button small{display:block;margin-top:4px;font-size:10px;opacity:.7;line-height:1.5}.sdk-install-button>svg{width:16px;height:16px;color:var(--sdk-gold)}.sdk-install-help{padding:14px 8px 0;font-size:12px;line-height:1.8}.sdk-install-help ol{list-style:decimal;padding-left:20px}.sdk-install-help li+li{margin-top:8px}.sdk-install-help p{margin-top:10px;opacity:.8}.sdk-nav-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}@media(max-width:820px){.sdk-nav-logo{width:32px;height:40px}.sdk-topbar-title{min-width:0}.sdk-topbar h1{white-space:nowrap}}@media(min-width:821px){.sdk-aside.sdk-desktop-pet{position:sticky;top:calc(var(--sdk-header-height, 68px) + 28px);align-self:start;padding:0;pointer-events:none}.sdk-aside.sdk-desktop-pet>.sdk-companion{display:block;width:100%;max-width:280px;margin:0 auto;animation:sdk-pet-breathe 7s ease-in-out infinite;transform-origin:50% 85%}}@keyframes sdk-pet-breathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.sdk-aside.sdk-desktop-pet>.sdk-companion{animation:none}}@media(min-width:821px){.sdk-topbar{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}}
