*{box-sizing:border-box}body{margin:0;background:#101310;color:#ede6d2;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none;outline-offset:-4px}header{position:absolute;top:0;left:0;width:100%;padding:26px 32px;display:flex;justify-content:space-between;gap:20px;font:11px system-ui;letter-spacing:.14em;color:#c4beab}a{color:inherit;text-decoration:none}header span{font-size:9px;color:#a49c82}main{position:absolute;left:5%;top:19%;pointer-events:none;text-shadow:0 2px 24px #000}.eyebrow{font:10px system-ui;letter-spacing:.24em;color:#b6a77c}h1{font-weight:400;font-size:clamp(32px,5vw,64px);letter-spacing:.2em;margin:20px 0}.intro{font-size:14px;line-height:2.2;color:#c8c1ac}footer{position:absolute;bottom:0;width:100%;padding:28px 32px;display:flex;align-items:end;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#101310d9)}.guide{font:11px/1.9 system-ui;color:#c3baa0}.guide span{font-size:10px;color:#898776}section{width:420px;max-width:100%;font:11px system-ui}.buttons{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}button{font:11px system-ui;color:#ded7c1;background:#22271fdd;border:1px solid #b8ac763f;border-radius:5px;padding:11px 12px;cursor:pointer}button:hover{background:#3d4230}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e4cd86;outline-offset:4px}label{color:#beb59b}output{margin-left:12px}input{width:100%;accent-color:#c5ab6a;margin:14px 0}.status{display:flex;justify-content:space-between;color:#99947e;font-size:10px}#show{position:absolute;bottom:24px;right:24px}#error{position:absolute;top:45%;padding:32px;background:#101310e6;width:100%;text-align:center}.clean header,.clean main,.clean footer{display:none}@media(max-width:650px){header{padding:20px}header span{display:none}main{top:13%;left:24px}footer{padding:20px;display:block}.guide{margin-bottom:18px;font-size:10px}.guide span{display:none}section{width:100%}.buttons{gap:6px;margin-bottom:14px}button{min-height:44px;padding:9px}h1{margin:12px 0}.intro{font-size:12px}}
select{width:100%;font:13px system-ui;background:#20271f;color:#ded7c1;border:1px solid #b8ac7655;border-radius:5px;padding:10px;margin:8px 0 14px}main{top:12%}h1{font-size:clamp(28px,4vw,48px)}.intro{font-size:12px}.buttons{margin-bottom:12px}@media(max-width:650px){main{top:9%}.intro{font-size:11px}h1{font-size:28px;margin:8px 0}.eyebrow{font-size:8px}.guide{display:none}footer{padding:14px 20px}select{padding:8px;margin-bottom:9px}.buttons{margin-bottom:8px}input{margin:9px 0}}
main{top:58px;left:32px}main h1{font-size:23px;letter-spacing:.18em;margin:0;color:#ddd3b6}section{width:340px}.buttons{margin-bottom:12px}footer{padding:22px 32px;background:linear-gradient(transparent,#10131099)}input{margin:10px 0 0}@media(max-width:650px){main{top:52px;left:20px}main h1{font-size:20px}footer{padding:14px 20px}section{width:100%}}