@font-face{font-family:Pixelta;src:url(/assets/Pixelta-5SLK-GBy.ttf)format("truetype");font-display:swap}html,body{height:100%;margin:0;font-family:Pixelta,monospace;overflow:hidden}canvas{display:block}#menu{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#username{color:#fff;background:#ffffff1a;border:2px solid #fff9;border-radius:8px;width:240px;padding:14px 0;font-family:inherit;font-size:20px}#menu h1{letter-spacing:2px;-webkit-user-select:none;user-select:none;margin:0 0 24px;font-size:56px}#menu button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff9;border-radius:8px;width:240px;padding:14px 0;font-family:inherit;font-size:20px}#menu button:hover{background:#ffffff40}#menu #status{min-height:1.2em;margin:0}#menu button:disabled{opacity:.5;cursor:default}body{background:#111}#chat{z-index:10000;color:#fff;pointer-events:none;width:min(420px,100vw - 24px);font-size:14px;position:fixed;bottom:12px;left:12px}#chat-log{flex-direction:column;justify-content:flex-end;max-height:180px;display:flex;overflow:hidden}.chat-line{overflow-wrap:anywhere;background:#00000073;border-radius:4px;margin-bottom:2px;padding:2px 6px;transition:opacity .6s}.chat-line.faded{opacity:0}.chat-line.system{color:#cfd8dc}.chat-line.error{color:#ff8a80}#chat-input{box-sizing:border-box;width:100%;font:inherit;color:#fff;pointer-events:auto;background:#000000b3;border:1px solid #fff9;border-radius:4px;outline:none;margin-top:4px;padding:6px 8px}#chat-input[hidden]{display:none}#chat-bubbles{z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.chat-bubble{color:#111;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap;background:#fff;border-radius:10px;max-width:220px;padding:4px 10px;font-size:14px;position:absolute;top:0;left:0}#trinket-prompt,#trinket-toast,#trinket-rhythm,#trinket-reveal{pointer-events:none;color:#fff;text-shadow:0 2px #00000080;z-index:10000;text-align:center;opacity:0;visibility:hidden;z-index:200;position:fixed;left:50%;transform:translate(-50%)}#trinket-prompt{background:#00000059;border-radius:8px;padding:6px 14px;font-size:22px;transition:opacity .15s;bottom:12%}#trinket-prompt b{border:2px solid #fff;border-radius:4px;margin-right:6px;padding:0 8px;display:inline-block}#trinket-prompt.show{opacity:1;visibility:visible}#trinket-toast{font-size:32px;top:30%}#trinket-toast.show{visibility:visible;animation:1.1s ease-out forwards trinket-pop}#trinket-toast.bad{color:#ff8a80}@keyframes trinket-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.2)}30%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-20px)}}#trinket-rhythm{width:160px;height:160px;bottom:8%}#trinket-rhythm.show{opacity:1;visibility:visible}#trinket-rhythm .target,#trinket-rhythm .ring{border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#trinket-rhythm .target{background:#ffffff26;border:6px solid #ffffffe6}#trinket-rhythm .ring{border:4px solid #ffe082}#trinket-rhythm .pips{justify-content:center;gap:6px;width:100%;display:flex;position:absolute;top:-28px}#trinket-rhythm .pips span{background:#ffffff4d;border-radius:50%;width:14px;height:14px}#trinket-rhythm .pips .perfect{background:#ffe082}#trinket-rhythm .pips .good{background:#a5d6a7}#trinket-rhythm .pips .miss{background:#ef9a9a}#trinket-rhythm .grade{opacity:0;width:100%;font-size:28px;position:absolute;top:-70px}#trinket-rhythm .grade.show{animation:.5s ease-out forwards trinket-grade}#trinket-rhythm .grade.perfect{color:#ffe082}#trinket-rhythm .grade.good{color:#a5d6a7}#trinket-rhythm .grade.miss{color:#ef9a9a}@keyframes trinket-grade{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)translateY(-10px)}}#trinket-reveal{background:#0a1428cc;border:4px solid #fff;border-radius:12px;min-width:320px;padding:14px 24px;transition:opacity .2s;top:14%}#trinket-reveal.show{opacity:1;visibility:visible}#trinket-reveal .tier{text-transform:uppercase;font-size:30px}#trinket-reveal.landed .tier{animation:.4s ease-out trinket-land}#trinket-reveal .name{margin-top:6px;font-size:36px}#trinket-reveal .shells{color:#ffe9b0;font-size:20px}#trinket-reveal .bump{color:#ffe082;font-size:20px}#trinket-reveal .new{color:#fff;background:#e53935;margin-top:8px;padding:2px 10px;font-size:18px;display:inline-block;transform:rotate(-4deg)}#trinket-reveal.common{border-color:#cfd8dc}#trinket-reveal.uncommon{border-color:#6fdc8c}#trinket-reveal.rare{border-color:#5aa9ff;box-shadow:0 0 30px #5aa9ff}#trinket-reveal.legendary{border-color:#ffc94d;animation:.6s ease-in-out infinite alternate trinket-glow;box-shadow:0 0 60px #ffc94d}@keyframes trinket-land{0%{transform:scale(1.8)}to{transform:scale(1)}}@keyframes trinket-glow{to{box-shadow:0 0 90px #ffe082}}#journal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000;background:#0c161c9e;position:fixed;inset:0}#journal-backdrop[hidden]{display:none}#journal{z-index:10001;color:#4a3424;background:#7b4f2c;border-radius:10px;gap:4px;padding:10px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}#journal[hidden]{display:none}#journal .page{background:#f6ead0;border-radius:4px;width:300px;min-height:380px;padding:14px 18px}#journal h3{text-align:center;margin:0 0 10px}#journal h4{text-transform:uppercase;text-shadow:0 1px #4a3424;margin:8px 0 2px}#journal ul{margin:0;padding-left:18px}#journal table{border-collapse:collapse;width:100%}#journal th{text-align:left;text-transform:capitalize}#journal td{text-align:center;border:2px dashed #d8c39a;width:48px;height:48px;font-size:22px}#journal td small{font-size:12px;display:block}#journal td.got{border:3px solid var(--tier);background:#fffaf0}#journal .empty{color:#c4ae84}#journal .stamp{animation:.5s ease-out trinket-stamp}#journal .shells,#journal .hint{text-align:center}#journal .hint{color:#a08c64}@keyframes trinket-stamp{0%{opacity:0;transform:scale(2.5)rotate(-15deg)}70%{opacity:1;transform:scale(.9)rotate(3deg)}to{transform:scale(1)}}#fThing{color:#fff;text-shadow:0 2px #00000080;font-size:48px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}#mobile-controls{z-index:9000;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0}.mobile-stick{left:max(16px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;width:120px;height:120px;position:absolute}.mobile-stick-base{box-sizing:border-box;background:#00000047;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:0}.mobile-stick-knob{box-sizing:border-box;background:#ffffff59;border:2px solid #ffffffb3;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-look{pointer-events:auto;width:60%;height:100%;position:absolute;top:0;right:0}.mobile-actions{right:max(12px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;z-index:1;grid-template-columns:auto auto;grid-template-areas:"chat journal""rise rise""jump act";place-items:end;gap:10px;display:grid;position:absolute}#mobile-chat{grid-area:chat}#mobile-journal{grid-area:journal}#mobile-rise{grid-area:rise}#mobile-jump{grid-area:jump}#mobile-action{grid-area:act}.mobile-btn{color:#fff;letter-spacing:.5px;text-transform:uppercase;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0006;border:2px solid #ffffff8c;border-radius:50%;width:64px;height:64px;margin:0;padding:0;font:13px/1 Pixelta,monospace}.mobile-btn-lg{width:76px;height:76px;font-size:14px}.mobile-btn-sm{width:52px;height:52px;font-size:11px}.mobile-btn-action{background:#286e5a8c;border-color:#b4e6c8b3}.mobile-btn.active{background:#ffffff59;transform:scale(.94)}body.has-mobile-controls #chat{bottom:150px;left:max(12px, env(safe-area-inset-left));width:min(360px,100vw - 24px)}body.has-mobile-controls #chat-log{max-height:120px}@media (width<=700px){body.has-mobile-controls #journal{width:min(100vw - 16px,520px);max-height:calc(100vh - 24px);overflow:auto}}