:root{color:#f5f7fa;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#07111f;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}main{max-width:520px;min-height:100vh;margin:auto;padding:24px 18px 96px}header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}small{color:#8d9bad;letter-spacing:.08em}h1,h2,h3,p{margin:0}h1{margin-top:4px}.hello{color:#8d9bad;margin-top:5px;font-size:13px}.rating{background:#101d2d;border:1px solid #25364a;border-radius:14px;padding:10px 13px;font-size:20px;font-weight:800}.rating span{color:#c7f000;margin-left:4px;font-size:13px}.hero{background:linear-gradient(145deg,#10223a,#0a1829);border:1px solid #203651;border-radius:24px;margin-bottom:26px;padding:22px}.hero h2{max-width:330px;margin:9px 0 10px;font-size:26px;line-height:1.05}.hero p{color:#9eabba;margin-bottom:18px}.districts{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.districts button{color:#dce4ed;background:#0c1827;border:1px solid #31445c;border-radius:999px;padding:9px 11px}.districts button.active{color:#07111f;background:#c7f000;border-color:#c7f000;font-weight:800}.primary,.secondary,.create{border:0;border-radius:16px;width:100%;padding:15px;font-weight:900}.primary{color:#07111f;background:#c7f000}.secondary{color:#f5f7fa;background:#172537;border:1px solid #2b3b50}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title button{color:#c7f000;background:0 0;border:0}.game{text-align:left;width:100%;color:inherit;background:#0d1826;border:1px solid #1c2c40;border-radius:18px;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:16px;display:grid}.game:active{transform:scale(.99)}.time{font-size:18px;font-weight:900}.game-copy{min-width:0}.game p{color:#ccd5df;margin:4px 0;font-size:13px}.game small{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.game>span{color:#c7f000;font-size:24px}.empty{text-align:center;color:#dfe7ef;border:1px dashed #2b3b50;border-radius:18px;padding:28px 20px}.empty p{color:#8796a7;margin-top:7px;font-size:14px}.create{color:#07111f;background:#f5f7fa;width:calc(100% - 36px);max-width:484px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #00000059}.overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080fb8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(520px,100%);max-height:90vh;padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:#0b1624;border:1px solid #25364a;border-bottom:0;border-radius:26px 26px 0 0;overflow:auto;box-shadow:0 -30px 80px #0006}.grabber{background:#314257;border-radius:999px;width:42px;height:4px;margin:0 auto 16px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sheet-head h2{margin-top:5px;font-size:25px}.close{color:#cbd5df;background:#172537;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}label{color:#9cabbc;letter-spacing:.04em;margin-bottom:13px;font-size:12px;font-weight:700;display:block}input{color:#f5f7fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101e2e;border:1px solid #2b3d53;border-radius:13px;outline:none;width:100%;margin-top:7px;padding:13px 12px}input:focus{border-color:#c7f000}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hint{color:#8291a3;margin:2px 0 16px;font-size:13px}.switch-row{border-bottom:1px solid #172639;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.switch{background:#24364a;border:0;border-radius:999px;width:48px;height:28px;padding:3px}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .18s;display:block}.switch.on{background:#c7f000}.switch.on i{background:#07111f;transform:translate(20px)}.details{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.details>div,.place{background:#101e2e;border:1px solid #23354a;border-radius:15px;padding:14px}.details small,.place small{margin-bottom:5px;font-size:10px;display:block}.details b,.place b{font-size:15px}.place{margin-bottom:16px}.place p{color:#8796a7;margin-top:5px;font-size:13px}.toast{z-index:50;color:#07111f;background:#f5f7fa;border-radius:14px;width:max-content;max-width:calc(100% - 36px);padding:12px 16px;font-weight:800;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000059}