*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--neo-bg:#fffdf5;--neo-fg:#000;--neo-accent:#ff6b6b;--neo-secondary:#ffd93d;--neo-muted:#c4b5fd;--neo-white:#fff;--neo-border:4px solid #000;--neo-shadow-sm:4px 4px 0px 0px #000;--neo-shadow-md:8px 8px 0px 0px #000;--neo-shadow-lg:12px 12px 0px 0px #000;--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 10% 0,#ffd93d8c,#0000 26%),radial-gradient(circle at 100% 10%,#ff8db547,#0000 22%),linear-gradient(#fffdf6 0%,#fff7e8 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}.crossLinkCard{border-radius:22px;justify-content:center;align-items:center;margin-bottom:16px;padding:0 16px;display:flex}.crossLinkButton{background:var(--neo-accent);min-height:44px;color:var(--neo-fg);font:inherit;border:3px solid #141414;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:12px 48px;font-size:.9rem;font-weight:900;line-height:1;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,opacity .16s;display:inline-flex;box-shadow:0 4px #0f172a}.crossLinkButton:hover{background:#e85d75;transform:translateY(-2px)}.crossLinkButton:active{transform:translateY(4px);box-shadow:0 1px #0f172a}@media (max-width:640px){.boardFrame,.resultSection{border-radius:24px;box-shadow:6px 6px #141414}.instructionCard{padding:4px}.crossLinkCard{border-radius:18px;align-items:stretch;padding:0 14px}.crossLinkButton{width:100%}}.resultSection{border:var(--neo-border);background:#fff;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{margin:0;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2}.resultText{color:#555;margin:6px 0 0;line-height:1.7}.resultImageWrap{background:linear-gradient(135deg,#ffd93d2e,#ffffffeb),repeating-linear-gradient(-45deg,#0000000a 0 10px,#0000 10px 20px);border:3px solid #141414;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:#1414149e;border-bottom:1px solid #14141438;padding-bottom:2px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .16s,border-color .16s,opacity .16s}.footerLink:hover{color:#141414e0;border-bottom-color:#1414146b}.footerLink:active{opacity:.7}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}