#account{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;box-sizing:border-box;padding:calc(44px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));overflow-y:auto;overscroll-behavior:contain;background:#0b0b0de6;color:var(--brown);font-family:var(--text);cursor:default;touch-action:pan-y}#account[hidden]{display:none}body.registering :is(#hud,#meters,#top,#hint,#buttons,.stick,#stickRest){display:none!important}#account .case{position:relative;flex:none;width:min(460px,100%);box-sizing:border-box;padding:16px 10px 14px 14px}#account .folder{position:absolute;inset:0;transform:rotate(-1.6deg);background:var(--grain, none),#b89a5c;border-radius:4px;box-shadow:0 30px 60px #000d}#account .tab{position:absolute;left:24px;top:-28px;height:40px;padding:0 18px;background:var(--grain, none),#b89a5c;border-radius:6px 6px 0 0;font:700 12px / 38px var(--label);letter-spacing:.22em;color:#2b2214;text-transform:uppercase;white-space:nowrap}#account .sheet{position:relative;box-sizing:border-box;padding:22px 22px 22px 40px;display:flex;flex-direction:column;gap:14px;transform:rotate(-.4deg);filter:drop-shadow(0 8px 10px #0006)}#account .paper{position:absolute;inset:0;background:var(--grain, none),#e9dfc6;box-shadow:inset 0 0 60px #8a6a3455,inset 0 0 12px #6b4f2644;clip-path:polygon(.2% .6%,12% 0%,31% .4%,52% .1%,74% .5%,91% 0%,100% .4%,100% 96%,96% 100%,70% 99.6%,45% 100%,22% 99.5%,.3% 100%,0% 62%,.4% 31%)}#account .paper:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:1.5px;background:#c8322a66;box-shadow:4px 0 #c8322a33}#account .sheet>:not(.paper){position:relative}#account .form{font:700 10px / 1.2 var(--label);letter-spacing:.24em;color:rgb(var(--ink-rgb) / .6);text-transform:uppercase}#account h1{margin:4px 0 0;font:400 40px / 1 var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--ink)}#account .say{margin:0;font:400 17px / 1.35 var(--type);color:#3b342a}#account .say b{font-weight:400;color:var(--ink)}#account label{display:flex;flex-direction:column;gap:7px}#account label>span{font:400 20px / 1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}#account input{width:100%;box-sizing:border-box;height:54px;padding:0 14px;border:2px solid var(--ink);border-radius:3px;background:#fbf7ec;font:700 22px / 1 var(--text);letter-spacing:-.02em;color:var(--ink);outline:none}#account input:focus{border-color:var(--stamp);box-shadow:0 0 0 3px #c8322a33}#account input::placeholder{color:#1d1a1655;font-weight:400}#account small{font:400 14px / 1.3 var(--text);color:#3b342acc;letter-spacing:-.02em}#account small.bad{color:var(--stamp);font-weight:700;font-size:16px}#account small.dev{color:#1f4f8a;font-weight:700}#account .ideas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#account .idea{height:36px;padding:0 10px;border:2px solid #1d1a1688;border-radius:3px;background:transparent;color:var(--ink);font:400 15px / 1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#account .idea:nth-child(2){transform:rotate(-2deg)}#account .idea:nth-child(3){transform:rotate(1.5deg)}#account .idea.more{border-style:dashed;color:#1d1a1699}#account .code{position:relative;display:grid;grid-template-columns:repeat(3,1fr) 10px repeat(3,1fr);gap:6px}#account .code .cd{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.01;font-size:16px;caret-color:transparent}#account .code i{height:64px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:3px;background:#fbf7ec;font:400 40px / 1 var(--display);font-style:normal;color:var(--ink);letter-spacing:.02em}#account .code i.cur{border-color:var(--stamp);box-shadow:0 0 0 3px #c8322a33}#account .code i.gap{border:0;background:none}#account .who{display:flex;flex-direction:column;gap:10px}#account .det{display:flex;align-items:center;gap:14px;min-height:68px;padding:8px 14px;border:2px solid var(--ink);border-radius:3px;background:#fbf7ec;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}#account .det .badge{flex:none;width:44px;height:44px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lamp);font:400 22px / 1 var(--display);font-style:normal;letter-spacing:.02em}#account .det span{display:flex;flex-direction:column;gap:5px;min-width:0}#account .det b{font:400 26px / 1 var(--display);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account .det em{font:700 14px / 1 var(--label);font-style:normal;color:#3b342abb}#account .det.add{border-style:dashed;background:transparent}#account .det.add .badge{background:transparent;border:2px dashed var(--ink);color:var(--ink);font-size:30px}#account .det.on{border-color:var(--stamp);box-shadow:inset 4px 0 0 var(--stamp)}#account .foot{position:relative;z-index:1;flex:none;width:min(460px,100%);display:flex;flex-direction:column;gap:10px}#account .go{height:60px;border:0;background:var(--lamp);color:var(--ink);font:400 26px / 1 var(--display);letter-spacing:.18em;text-indent:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}#account .go:disabled{opacity:.6}#account .alt{min-height:44px;border:0;background:transparent;color:rgb(var(--cream-rgb) / .8);font:700 15px / 1.2 var(--text);letter-spacing:.02em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}#account .row{display:flex;justify-content:space-between;gap:8px}#account .row .alt{flex:1}#account .foot .or{text-align:center;font:400 18px / 1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:rgb(var(--cream-rgb) / .6);margin:6px 0 -2px}#account .go.back{white-space:nowrap;letter-spacing:.06em}#account .go.no{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 2px rgb(var(--cream-rgb) / .7)}#account .perks{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:8px;font:700 19px / 1.3 var(--text);letter-spacing:-.02em;color:var(--ink)}#account .perks li::marker{color:var(--stamp)}@media(max-height:700px){#account{padding-top:calc(36px + env(safe-area-inset-top,0px));gap:10px}#account .sheet{gap:10px;padding-top:16px;padding-bottom:16px}#account h1{font-size:34px}#account .say{font-size:15px}#account input{height:48px}#account .code i{height:56px;font-size:34px}#account .det{min-height:60px}#account .go{height:54px}#account .alt{min-height:36px}}@media(min-aspect-ratio:4/3){#account{flex-direction:row;gap:36px}#account .foot{width:260px}}