#help{position:fixed;right:18px;top:18px;width:56px;height:56px;border-radius:50%;border:2px solid #fff;background:#111;color:#fff;font:700 28px Oswald,sans-serif;z-index:9;cursor:pointer;box-shadow:4px 4px #ff3b30;display:flex;align-items:center;justify-content:center;transition:transform 0.15s,box-shadow 0.15s}#help:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #ff3b30}#help:active{transform:translate(2px,2px);box-shadow:2px 2px #ff3b30}#character-area{position:fixed;right:max(4vw,24px);bottom:0;width:min(360px,38vw);height:430px;z-index:2;pointer-events:none;transition:transform .33s ease,opacity .22s ease}#character-area.leaving{transform:translateX(120%);opacity:0}#character-area img{width:100%;height:100%;max-height:440px;object-fit:contain;filter:drop-shadow(0 12px 12px #0009);animation:breathe 2.2s ease-in-out infinite}.help-modal{position:fixed;inset:0;display:none;place-items:center;background:#000b;z-index:15}.help-modal.open{display:grid}.help-modal>div{position:relative;width:min(400px,90%);background:#17151d;border:2px solid #ffe16b;padding:28px;box-shadow:8px 8px #ff3b30}.help-modal a{color:#ffe16b}body.has-modal-active #character-area{position:fixed!important;z-index:10000!important;bottom:55vh!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:95vw!important;height:34vh!important;display:flex!important;pointer-events:none!important;justify-content:center}body.has-modal-active #character{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}body.has-modal-active #modal{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding-bottom:20vh!important;z-index:9000}@media(max-width:600px){body{min-height:100dvh}.lobby{grid-template-columns:minmax(0,61%) minmax(0,39%);gap:0;padding:18px 10px 12px;min-height:100dvh;align-content:start}.identity{grid-column:1/-1;padding:0 38px 10px 0}.identity img{width:68px;height:68px}.identity h1{font-size:33px;margin:7px}.identity p{font-size:12px;line-height:1.45;max-height:3.1em;overflow:auto;padding-right:4px}#links{height:calc(100dvh - 166px);max-height:none;overflow-y:auto;padding:22px 10px 24px 0;align-content:start;scrollbar-color:#ff3b30 transparent}.link{font-size:19px;line-height:1.05;min-height:58px;padding:12px 10px;box-shadow:4px 4px #ff3b30;margin-right:4px}.link:active{background:#ff3b30;transform:translate(3px,3px);box-shadow:1px 1px #ffe16b}#character-area{right:5%;width:51vw;height:calc(100dvh - 166px);bottom:41%}#character-area img{height:100%;width:132%;max-height:none;object-position:bottom center}body.has-modal-active #character-area{bottom:44vh!important;width:95vw!important;height:55vh!important}.dialog{width:calc(100% - 30px);padding:22px 18px;font-size:21px}.dialog button{min-height:46px;padding:10px 14px}.help-modal{align-items:end}.help-modal>div{width:100%;padding:25px 20px 34px;border-width:2px 0 0;box-shadow:0 -6px #ff3b30}.help-modal>div:before{content:'';display:block;width:44px;height:4px;background:#6a6270;border-radius:5px;margin:0 auto 18px}#help{right:12px;top:12px;width:48px;height:48px;font-size:24px}}@media(max-width:360px){.lobby{grid-template-columns:63% 37%}.link{font-size:17px}.identity h1{font-size:29px}}