:root{color:#e4e7ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#181b25;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,a{touch-action:manipulation}button{color:#ecfaff;cursor:pointer;background:#273d48;border:1px solid #55cfdf;border-radius:8px;min-height:44px;padding:11px 16px}button:disabled{opacity:.45;cursor:wait}.secondary{background:#232734;border-color:#424858}input{color:#fff;background:#171a25;border:1px solid #515869;border-radius:7px;width:100%;min-height:44px;padding:12px}label{gap:7px;margin:16px 0;font-size:14px;display:grid}a{color:#8bd8e5}#world{width:100vw;height:100dvh;position:fixed;inset:0}header{z-index:2;background:#191c28e8;align-items:center;gap:20px;padding:12px 20px;display:flex;position:fixed;top:0;left:0;right:0}header a{letter-spacing:2px;color:#fff;font-weight:850;text-decoration:none}header span{color:#89ccdc;font-size:11px}header p{color:#bec4d2;flex:1;margin:0;font-size:13px}header button{min-height:35px;padding:7px 10px;font-size:12px}#signin{z-index:3;background:#15192577;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:70px 0 0;overflow:auto}.panel{background:#222633ed;border:1px solid #454d60;border-radius:15px;padding:25px;box-shadow:0 15px 65px #080b1455}#signin .panel{width:min(450px,100%)}small{color:#7ecbd9;letter-spacing:2px;font-size:10px}h1{margin:12px 0;font-size:31px}h2{margin:0 0 10px;font-size:17px}p{color:#bbc0cc;line-height:1.55}.actions{flex-wrap:wrap;gap:10px;display:flex}#status{color:#cce4eb;min-height:22px;font-size:13px}.source{color:#a5abb9;font-size:11px}#characters button{width:100%;margin-top:10px;display:block}#equipment{z-index:3;width:260px;position:fixed;top:85px;right:18px}#equipment button{width:100%;margin-top:9px}#controls{z-index:2;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:18px}.direction-pad{grid-template-columns:repeat(2,48px);gap:5px;display:grid}.direction-pad button{padding:8px}#chat{z-index:2;width:350px;max-width:calc(100vw - 36px);position:fixed;bottom:20px;left:18px}#messages{text-shadow:0 1px 2px #000;background:#141825a6;border-radius:8px;max-height:110px;margin:0 0 5px;padding:9px;font-size:12px;list-style:none;overflow:auto}#messages li{overflow-wrap:anywhere;margin:4px 0}#chat-form{gap:6px;display:flex}#chat-input{background:#171a25c9;font-size:12px}#chat-form button{padding:8px 12px;font-size:12px}[hidden]{display:none!important}@media (width<=650px){header{gap:12px;padding:10px 12px}header p{font-size:11px}#equipment{width:230px;padding:17px;top:70px;right:10px}#chat{width:calc(100vw - 20px);bottom:10px;left:10px}#messages{max-height:65px}#controls{gap:6px;bottom:155px;right:10px}#inventory-button,#attack{padding:9px;font-size:12px}#signin{padding:15px}h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (width<=650px){#equipment{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}#equipment h2,#equipment p{grid-column:1/-1;margin:0}#equipment p{font-size:12px}#equipment button{margin:0;padding:7px;font-size:12px}}