.wk{background:radial-gradient(130% 55% at 50% 18%, #fffdf7 0%, var(--tint) 46%, var(--paper) 88%);width:390px;min-height:844px;color:var(--ink);padding:0 20px 34px;position:relative;overflow:hidden}.wk:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 22%, #fff6 0 5deg, #fff0 5deg 15deg);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 40% at 50% 22%,#000 0%,#0000 100%);mask-image:radial-gradient(60% 40% at 50% 22%,#000 0%,#0000 100%)}.wk-stage{height:372px;position:relative}.wk-body{aspect-ratio:1365/1025;filter:drop-shadow(0 22px 26px #3c2d143d)drop-shadow(0 3px 6px #3c2d1424);width:330px;animation:4.5s ease-in-out infinite wk-float;position:absolute;top:34px;left:10px;transform:rotate(-2deg)}@keyframes wk-float{50%{translate:0 -5px}}.wk.clack .wk-body{animation:.22s ease-out wk-clack}@keyframes wk-clack{40%{translate:0 2px}}.wk-img{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.wk-tape{z-index:6;cursor:pointer;clip-path:inset(18px 0 round 4px);background:0 0;border:none;padding:0;transition:transform .55s cubic-bezier(.45,0,.3,1),clip-path .45s;position:absolute;top:calc(53.075% - 90px);left:8.64%}.wk-tape:disabled{cursor:default}.wk-tape.out{clip-path:inset(0 round 4px);filter:drop-shadow(6px 12px 12px #00000038);transform:translate(104px,132px)rotate(12deg)scale(.5)}.wk-tape.under{z-index:3}.wk-door{z-index:5;transform-origin:50% 100%;pointer-events:none;width:88.21%;height:64.39%;transition:transform .38s cubic-bezier(.3,.7,.3,1);position:absolute;top:21.37%;left:5.42%;transform:perspective(700px)rotateX(0)}.wk-door.open{transform:perspective(700px)rotateX(-50deg)}.wk-door img{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.wk-door .glass{background:linear-gradient(118deg,#ffffff57 0 14%,#ffffff0a 14% 56%,#ffffff24 56% 61%,#ffffff05 61%),#bec8cd14;position:absolute;top:3.6%;bottom:5.6%;left:3.6%;right:3.6%}.wk-led{opacity:0;background:radial-gradient(circle,#ff4632d9 0 22%,#ff463240 45%,#ff463200 70%);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:opacity .2s;position:absolute;top:92.59%;left:14.36%}.wk-body.on .wk-led{opacity:1}.wk-hint{width:150px;color:var(--pencil);margin:0;font-size:17px;line-height:1.3;position:absolute;bottom:30px;left:8px;transform:rotate(-2deg)}.win{background:#f5efe1;border:1.5px solid #3a342b;border-radius:6px;position:relative;box-shadow:4px 4px #3a342bd9}.win-bar{background:repeating-linear-gradient(#cdb38c 0 2px,#f5efe1 2px 4px) content-box content-box;border-bottom:1.5px solid #3a342b;align-items:center;gap:8px;height:26px;padding:6px 8px;display:flex}.win-bar b{white-space:nowrap;text-overflow:ellipsis;background:#f5efe1;max-width:70%;margin:0 auto;padding:0 8px;font-size:12px;font-weight:500;overflow:hidden}.win-bar .box{background:#f5efe1;border:1.5px solid #3a342b;flex:none;width:12px;height:12px}.win-body{padding:12px 14px}.pl-top{align-items:center;gap:12px;display:flex}.thumb{background:var(--tint);border:1.5px solid #3a342b;flex:none;padding:5px 4px;box-shadow:inset 1px 1px #fff}.meta{flex-direction:column;gap:2px;min-width:0;display:flex}.meta b{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:400;line-height:1.1;overflow:hidden}.meta span{color:var(--muted);font-size:13px}.lcd{color:#a6f07a;text-shadow:0 0 6px #a6f07a8c;font-variant-numeric:tabular-nums;background:#1f261c;border-radius:3px;align-items:center;gap:10px;height:36px;margin-top:12px;padding:0 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;display:flex;box-shadow:inset 0 2px 4px #0009}.lcd-msg{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--body);flex:1;overflow:hidden}.lcd-time{white-space:nowrap;font-size:15px}.vu{align-items:flex-end;gap:2px;height:18px;display:flex}.vu i{background:#a6f07a;width:3px;height:3px;box-shadow:0 0 4px #a6f07a99}.vu.on i{animation:.9s ease-in-out infinite alternate vu}.vu.on i:nth-child(odd){animation-duration:.62s}.vu.on i:nth-child(3n){animation-duration:1.15s}@keyframes vu{0%{height:3px}35%{height:15px}60%{height:7px}to{height:18px}}.segs{cursor:pointer;background:#fffdf7;border:1.5px solid #3a342b;gap:2px;height:20px;margin-top:10px;padding:3px;display:flex;box-shadow:inset 1px 1px #0000001f}.segs i{flex:1}.segs i.f{background:#2d4a7a}.btns{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;display:grid}.btns button{color:#2d4a7a;cursor:pointer;background:#efe7d6;border:1.5px solid #3a342b;border-radius:3px;place-items:center;height:44px;padding:0;display:grid;box-shadow:inset -2px -2px #3a342b33,inset 2px 2px #fff}.btns button.down,.btns button:active{background:#e4dac4;box-shadow:inset 2px 2px #3a342b40,inset -1px -1px #fff}.btns button:disabled{color:#b8ad98;cursor:default}.tracks{border-top:1px dashed #3a342b59;margin:10px 0 0;padding:0;list-style:none}.tracks button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 6px;font-size:13px;display:flex}.tracks button.on{color:#fff;background:#2d4a7a}.tracks .dots{opacity:.4;border-bottom:1px dotted;flex:1}.note-win{margin:18px 6px 0 14px;transform:rotate(1.2deg)}.note-body{background-color:var(--sheet);background-image:repeating-linear-gradient(transparent 0 31px, var(--rule) 31px 32px);background-position:0 12px;min-height:150px;padding:14px 16px 40px}.note-body p{white-space:pre-wrap;margin:0;font-size:22px;line-height:32px}.note-body p.idle{color:var(--faint);font-size:18px}.caret{vertical-align:-3px;background:var(--ink);width:2px;height:20px;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.note-foot{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex;position:absolute;bottom:10px;left:16px;right:16px}.note-foot .hw{color:var(--ink);font-size:20px}.wk .mine{background:var(--action);color:#fff;height:52px;font-family:var(--hand);border-radius:26px;place-items:center;margin-top:26px;font-size:19px;text-decoration:none;display:grid}@font-face{font-family:GriunSimsim;src:url(/assets/GriunSimsim-DLzPYEvc.woff2)format("woff2");font-display:swap}:root{--paper:#f6f1e6;--grid:#9676481a;--sheet:#fffdf7;--rule:#788cb44d;--ink:#2a2a28;--ink-soft:#5a5248;--pencil:#7a6f60;--muted:#6a6a66;--faint:#9a9080;--action:#1a1a1a;--disabled:#ded6c6;--on-disabled:#8a8070;--washi:#ece2c8ed;--outline:#7a6f6073;--wavy:#7a6f608c;--stamp:#b5483a;--stamp-ring:#b5483a99;--hand:"GriunSimsim", cursive;--body:"IBM Plex Sans KR", system-ui, sans-serif;--torn:polygon(0 8%, 4% 0, 9% 10%, 14% 2%, 100% 0, 97% 12%, 100% 26%, 96% 44%, 100% 62%, 97% 80%, 100% 100%, 90% 92%, 82% 100%, 0 100%, 3% 82%, 0 64%, 4% 46%, 0 28%)}:root:lang(ja){--hand:"Yomogi", "GriunSimsim", cursive}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:anywhere;margin:0}button{font:inherit;color:inherit}.stage{zoom:var(--zoom,1);width:390px;min-height:844px;margin:0 auto}.scr{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:18px 18px;width:390px;height:844px;position:relative;overflow:hidden}.hw{font-family:var(--hand);font-weight:400}.top{z-index:30;justify-content:space-between;align-items:center;height:44px;display:flex;position:absolute;top:40px;left:12px;right:20px}.step{color:var(--muted);font-size:13px}.h1{white-space:nowrap;font-family:var(--hand);transform-origin:0 0;z-index:5;margin:0;font-size:27px;font-weight:400;line-height:1.15;position:absolute;top:104px;left:24px;transform:rotate(-1.5deg)}.pencil-line{pointer-events:none;position:absolute;top:140px;left:26px}.sub{font-family:var(--hand);color:var(--pencil);margin:0;font-size:18px;line-height:1.45;position:absolute;left:26px;right:26px}.deco{pointer-events:none;position:absolute}.tape{background:var(--washi);font-family:var(--hand);white-space:nowrap;clip-path:var(--torn);padding:7px 18px 5px;font-size:22px;line-height:1;position:absolute;box-shadow:0 1px 2px #0000001f}.pill{background:var(--action);color:#fff;height:56px;font-family:var(--hand);cursor:pointer;z-index:40;border:none;border-radius:28px;place-items:center;padding:0;font-size:22px;text-decoration:none;transition:transform .12s;display:grid;position:absolute;bottom:34px;left:24px;right:24px}.pill:active{transform:scale(.97)}.pill.line{color:var(--ink);border:1.5px dashed var(--pencil);background:0 0}.ghost{min-height:44px;font-family:var(--hand);color:var(--ink-soft);-webkit-text-decoration:underline wavy var(--wavy);text-decoration:underline wavy var(--wavy);text-underline-offset:5px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-size:18px;display:inline-flex}.stamp{border:2px solid var(--stamp);color:var(--stamp);text-align:center;opacity:.82;box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3px var(--stamp-ring);white-space:nowrap;border-radius:6px;padding:6px 10px 5px;font-weight:500;line-height:1.1;position:absolute}.paper{background-color:var(--sheet);background-image:repeating-linear-gradient(transparent 0 27px, var(--rule) 27px 28px);position:absolute;box-shadow:0 1px 2px #00000014,0 10px 24px #5a46281a}.obtn{border:1.5px solid var(--ink);min-height:44px;font-family:var(--hand);cursor:pointer;background:0 0;border-radius:22px;justify-content:center;align-items:center;padding:6px 14px 4px;font-size:18px;text-decoration:none;display:inline-flex}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.case{z-index:2;position:absolute}.case>.in{align-items:center;width:118.2%;height:52.3%;display:flex;position:absolute;top:23.8%;left:-9.4%;transform:rotate(90deg)}.case>.shell{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.seal{aspect-ratio:1;background:0 0;border:none;width:50%;padding:0;position:absolute;bottom:4%;right:-8%}.seal:not(.peel){filter:drop-shadow(0 2px 3px #3c28142e)}.seal.peel{filter:drop-shadow(0 2px 3px #3c28142e);outline:none}.seal.peel:focus-visible{outline:2px dashed var(--stamp);outline-offset:4px;border-radius:50%}.count{justify-content:space-between;display:flex;position:absolute;left:24px;right:24px}.count>div{flex-direction:column;align-items:center;gap:6px;display:flex}.count b{color:#f4efe4;font-variant-numeric:tabular-nums;background:#2b2a28;border-radius:8px;place-items:center;width:72px;height:70px;font-size:30px;font-weight:500;display:grid;position:relative;box-shadow:0 4px 8px #281e142e}.count b:after{content:"";background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.count span{font-family:var(--hand);color:var(--pencil);font-size:16px}.chip{min-height:44px;font-family:var(--hand);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--outline);text-align:left;background:0 0;border:none;border-radius:4px;padding:8px 18px 6px;font-size:19px}.chip.on{clip-path:var(--torn);background:#ece2c8f2;border-radius:0;box-shadow:0 1px 2px #0000001f}@keyframes rise{0%{opacity:0;transform:translateY(40px)rotate(-4deg)}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes reel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}