*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--neo-bg:#0f172a;--neo-fg:#e5eefc;--neo-accent:#2563eb;--neo-secondary:#0f766e;--neo-muted:#a78bfa;--neo-white:#fff;--neo-border:4px solid #0f172a;--neo-shadow-sm:4px 4px 0px 0px #0f172a;--neo-shadow-md:8px 8px 0px 0px #0f172a;--neo-shadow-lg:12px 12px 0px 0px #0f172a;--gap:12px;--page-max-width:600px;--page-gutter:clamp(12px,2.4vw,28px)}html{font-size:16px}body{background:var(--neo-bg);color:var(--neo-fg);background:radial-gradient(circle at 12% 0,#67e8f92e,#0000 26%),radial-gradient(circle at 100% 8%,#a78bfa2e,#0000 24%),radial-gradient(circle at 50% 100%,#60a5fa1f,#0000 30%),linear-gradient(#172554 0%,#0f172a 45%,#020617 100%);flex-direction:column;align-items:stretch;width:100%;min-height:100dvh;font-family:Mochiy Pop One,sans-serif;display:flex;position:relative;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;opacity:.12;background-image:radial-gradient(#0000001f .9px,#0000 .9px);background-size:18px 18px;position:fixed;inset:0}a,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}img{max-width:100%;height:auto}main,header,footer{width:100%}.boardSection{display:block}.boardFrame{border:var(--neo-border);background:linear-gradient(#fff 0%,#fffdf6 100%);border-radius:32px;padding:clamp(12px,2.2vw,20px);position:relative;overflow:hidden;box-shadow:10px 10px #141414}.boardFrame>*{z-index:1;position:relative}.instructionCard{text-align:center;gap:6px;padding:8px;display:grid}.instruction{margin:0;font-size:clamp(1rem,2vw,1.15rem);font-weight:800}@media (max-width:640px){.boardFrame,.resultSection{border-radius:24px;box-shadow:6px 6px #141414}.instructionCard{padding:4px}}.resultSection{border:var(--neo-border);background:#f8fafff5;border-radius:32px;gap:16px;padding:clamp(18px,3vw,24px);display:grid;box-shadow:10px 10px #141414}.resultHeader{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.resultTitle{color:#0f172a;margin:0;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2}.resultText{color:#0f172a;margin:6px 0 0;line-height:1.7}.resultImageWrap{background:linear-gradient(135deg,#67e8f924,#f8fafff0),repeating-linear-gradient(-45deg,#0f172a0d 0 10px,#0000 10px 20px);border:3px solid #0f172a;border-radius:24px;padding:12px}.resultImage{background:#fff;border:3px solid #141414;border-radius:16px;width:100%;height:auto;display:block}.footer{text-align:center;padding:16px 28px 28px}.footerLink{color:#cbd5e19e;border-bottom:1px solid #cbd5e138;padding-bottom:2px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .16s,border-color .16s,opacity .16s}.footerLink:hover{color:#e2e8f0db;border-bottom-color:#e2e8f066}.footerLink:active{opacity:.7}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}