@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#d4dfd8}.viewer{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 52% 48%,#edf0e8 0,#d4dfd8 62%,#c5d0c8)}#world{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.loading{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border:1px solid rgba(30,41,39,.17);border-top-color:#d3543d;border-radius:50%;animation:spin .8s linear infinite;transition:opacity .3s;pointer-events:none}.loading.done{opacity:0}.error-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 22px;background:#f4f0e6;color:#1e2927;font:14px system-ui,sans-serif;box-shadow:0 12px 40px #26352d22}.fly-toggle{position:absolute;right:22px;bottom:22px;width:40px;height:40px;border:1px solid rgba(30,41,39,.3);border-radius:50%;background:#f0f2eab8;color:#1e2927;font:500 12px system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fly-toggle[aria-pressed=true]{background:#1e2927;color:#f4f0e6}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.onboarding #world{filter:blur(7px);transform:scale(1.035);pointer-events:none}.onboarding .fly-toggle,.onboarding .loading{visibility:hidden}#world{transition:filter .7s,transform .7s}.welcome-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:safe center;padding:26px;background:radial-gradient(ellipse at 28% 22%,#36baba26,transparent 50%),radial-gradient(ellipse at 85% 80%,#75935220,transparent 45%),#071b2455;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto;font-family:Pixelify Sans,monospace;color:#f5fcff}.welcome-card{position:relative;isolation:isolate;overflow:hidden;width:min(470px,100%);padding:30px 38px 23px;border:1px solid #e3fcff55;border-radius:28px;background:linear-gradient(145deg,#cbf7ff22,#071b293d 50%,#091a2b73);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:0 30px 100px #00111d66,inset 0 1px #ffffff50,inset 0 -1px #b3eefe16;animation:card-arrive .7s cubic-bezier(.2,.8,.2,1) both}.welcome-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 95% 25%,#3fe7ed20,transparent 55%),radial-gradient(ellipse at 0 100%,#b7f88212,transparent 40%)}.welcome-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px;position:relative;z-index:2}.welcome-brand>span{font:700 32px Pixelify Sans,monospace;letter-spacing:-2px;display:flex;align-items:center;gap:4px}.brand-plus{font-size:22px;color:#c5ff83;display:inline-block;animation:star-turn 18s linear infinite}.welcome-brand small{font-size:9px;font-weight:500;letter-spacing:1.6px;color:#d1e6ec}.welcome-kicker{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#c5ff83;margin:0 0 16px;position:relative;z-index:1}.welcome-kicker:before{content:"";display:inline-block;width:5px;height:5px;vertical-align:middle;border-radius:50%;margin-right:7px;background:#c5ff83;box-shadow:0 0 12px #c5ff83}.welcome-card h1,.welcome-card h2{font:600 56px/1.02 Pixelify Sans,monospace;letter-spacing:-2.6px;margin:0 0 24px;position:relative;z-index:1;overflow-wrap:anywhere;text-shadow:0 3px 20px #061b2c33}.heading-intro{display:block;font:400 22px Pixelify Sans,monospace;letter-spacing:-.4px;margin-bottom:10px;color:#e0f1f5}.welcome-card h1 em{font-size:76px;line-height:.96}.welcome-card em{font-family:Pixelify Sans,monospace;font-weight:700;font-style:normal;color:#f2ffff;letter-spacing:-3px}.title-dot{color:#c5ff83}.welcome-card p:not(.welcome-kicker):not(.entry-status){font-size:14px;line-height:1.65;color:#dfedf1;margin:0 0 26px;position:relative;z-index:1}.entry-button{position:relative;width:100%;padding:17px 20px;border:1px solid #e4ffb4;border-radius:13px;color:#20321c;background:linear-gradient(115deg,#d5ff9f,#aef46e);font:600 15px Pixelify Sans,monospace;cursor:pointer;text-align:center;box-shadow:0 5px 24px #b8fa6e25;transition:transform .2s,box-shadow .2s,filter .2s}.entry-button:hover{transform:translateY(-2px);box-shadow:0 9px 32px #b8fa6e50;filter:brightness(1.06)}.entry-button:active{transform:translateY(0)}.entry-button:disabled{opacity:.45;cursor:wait;transform:none}.entry-button:focus-visible,.entry-back:focus-visible{outline:2px solid #d6ffac;outline-offset:5px}.entry-status{margin:19px 0 0;font:400 10px/1.6 Pixelify Sans,monospace;letter-spacing:.3px;color:#c2d8df;text-align:center}.welcome-card label{display:block;font-size:10px;font-weight:500;letter-spacing:1.3px;margin-bottom:9px;color:#e2f2f6}.welcome-card input{width:100%;padding:16px;border:1px solid #e1faff55;background:#091f3544;border-radius:11px;color:#fff;font:400 17px Pixelify Sans,monospace;box-shadow:inset 0 2px 10px #00000012;transition:border-color .2s}.welcome-card input::placeholder{color:#b5cad4}.welcome-card input:focus{outline:2px solid #c5ff83;outline-offset:3px;border-color:transparent}.welcome-card #name-note{font-size:11px;margin:11px 0 24px;color:#c2d8df}.entry-back{margin:15px 0 0;padding:5px 0;border:0;background:none;color:#d9ecf3;cursor:pointer;font:13px Pixelify Sans,monospace}.glass-orbit{position:absolute;right:-31px;top:105px;width:200px;height:200px;pointer-events:none;z-index:0;animation:orbit-float 7s ease-in-out infinite}.orbit-ring{position:absolute;inset:23px;border:1px solid #adf8ff88;border-radius:50%;transform:rotate(-35deg) scaleY(.43);box-shadow:0 0 12px #64dce929,inset 0 0 9px #a9fcff22}.orbit-ring:after{content:"";position:absolute;inset:-16px;border:1px solid #ddffbc44;border-radius:50%;transform:rotate(75deg)}.orbit-star{position:absolute;left:61px;top:45px;font-size:92px;line-height:1;color:#96ebedbb;text-shadow:0 0 28px #60d1e977;transform:rotate(15deg)}.orbit-spark{position:absolute;left:30px;top:22px;font-size:26px;color:#d7ffa3}.glass-orbit i{position:absolute;bottom:20px;right:36px;width:7px;height:7px;border-radius:50%;background:#ceff98;box-shadow:0 0 20px #ccff83}@keyframes card-arrive{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes orbit-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(7deg)}}@keyframes star-turn{to{transform:rotate(360deg)}}.player-hud{position:fixed;top:20px;left:20px;width:202px;z-index:5;pointer-events:none;color:#edf3e7;font-family:Pixelify Sans,monospace}.minimap{padding:10px;background:#172a24e8;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 6px 22px #07120e26}.map-caption,.map-footer{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.7px;padding:2px 1px 9px;color:#bdcdbc}.map-footer{padding:9px 1px 0}.map-footer span{color:#f5c477}.map-surface{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:1;background:#91a38b}.map-surface canvas{width:100%;height:100%;display:block}#map-player{position:absolute;left:50%;top:50%;color:#ffda8b;font-size:17px;line-height:1;text-shadow:0 1px 3px #000,1px 0 2px #000;transform-origin:center;z-index:1}.health-card{display:flex;gap:10px;align-items:center;padding:12px 10px;background:#172a24e8;border:1px solid #ffffff26;border-radius:9px;margin-top:8px}.avatar-letter{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #a6b99477;background:#486447;font-size:13px;border-radius:5px}.health-info{min-width:0;flex:1}.health-name{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.health-name strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-name>span{font:8px monospace;color:#bdd2b9;white-space:nowrap}.health-track{height:6px;background:#0005;border-radius:2px;overflow:hidden}.health-track>span{display:block;width:100%;height:100%;background:#a5d088}@media(max-width:600px){.player-hud{top:12px;left:12px;width:150px}.welcome-layer{padding:20px}.welcome-card{padding:24px;border-radius:24px}.welcome-card h1 em{font-size:64px}.welcome-card h1,.welcome-card h2{font-size:43px;letter-spacing:-2px}.welcome-brand{margin-bottom:32px}.welcome-kicker{font-size:8px;letter-spacing:.8px}.glass-orbit{right:-60px;top:100px;opacity:.75}.health-name>span{font-size:7px}.health-card{gap:6px}.avatar-letter{flex-basis:20px;height:24px}}@media(max-height:680px)and (min-width:601px){.welcome-card{padding-top:24px}.welcome-brand{margin-bottom:22px}.welcome-card h1 em{font-size:62px}}@media(prefers-reduced-motion:reduce){#world,.entry-button{transition:none}.welcome-card,.glass-orbit,.brand-plus{animation:none}}.welcome-card h1,.welcome-card h2,.welcome-card em,.welcome-brand>span{letter-spacing:0}.welcome-card h1 em{font-size:72px}.welcome-card h1,.welcome-card h2{font-weight:500}.welcome-brand small,.welcome-kicker{font-size:11px;letter-spacing:.6px}.entry-status,.welcome-card label{font-size:12px}.map-caption,.map-footer,.health-name>span{font-family:Pixelify Sans,monospace;font-size:10px;letter-spacing:0}.fly-toggle{font-family:Pixelify Sans,monospace}@media(max-width:600px){.welcome-card h1 em{font-size:60px}.welcome-card h2{font-size:36px}.welcome-kicker,.welcome-brand small{font-size:9px}.health-name>span{font-size:9px}}.welcome-layer{background:radial-gradient(ellipse at 50% 45%,#76cfa509,#06141085 85%)}.welcome-card{width:min(460px,100%);padding:35px 42px 38px;border-radius:8px;border-color:#e4ffe52e;background:linear-gradient(135deg,#e9fff51a,#132d2861 48%,#081e2080);box-shadow:0 32px 100px #00100c70,inset 0 1px #ffffff45,inset 0 -1px #baffdb15;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}.welcome-card:before{inset:10px;background:linear-gradient(#d8ffb8,#d8ffb8) left top/16px 2px,linear-gradient(#d8ffb8,#d8ffb8) left top/2px 16px,linear-gradient(#d8ffb8,#d8ffb8) right bottom/16px 2px,linear-gradient(#d8ffb8,#d8ffb8) right bottom/2px 16px;background-repeat:no-repeat;opacity:.65}.welcome-brand{justify-content:center;margin-bottom:42px}.welcome-brand small{color:#deeddf;font-size:11px;letter-spacing:2.4px}#welcome-step{text-align:center}.heading-intro{font-size:22px;color:#d6e6db;margin-bottom:18px;text-shadow:none}.welcome-card h1{margin:0 0 36px;font-size:48px;line-height:1.12}.welcome-card h1 em{display:block;font-size:clamp(64px,12vw,88px);line-height:.93;color:#eaffd9;text-shadow:0 4px 0 #54765c,0 8px 0 #092b2470,0 0 45px #c5ff8322}.title-dot{color:#bcff7d;text-shadow:0 4px 0 #508847}.entry-button{border-radius:3px;border:1px solid #e4ffbb;background:linear-gradient(#d5ffa6,#b5ed7c);color:#203322;font-size:19px;padding:16px 18px;box-shadow:0 5px #52783c,0 10px 25px #071d2240,inset 0 2px #f1ffd799;transition:transform .18s,box-shadow .18s,filter .18s}.entry-button:hover{transform:translateY(-2px);box-shadow:0 7px #52783c,0 12px 32px #bbff7d25;filter:brightness(1.07)}.entry-button:active{transform:translateY(4px);box-shadow:0 1px #52783c}.entry-button:disabled{transform:none;box-shadow:0 5px #52783c}.welcome-card input{border-radius:3px;background:#061b2566}.pixel-motes{position:absolute;inset:0;pointer-events:none;z-index:-1}.pixel-motes i{position:absolute;width:5px;height:5px;background:#dcffbe;box-shadow:0 0 15px #c5ff8366;animation:pixel-drift 6s ease-in-out infinite}.pixel-motes i:nth-child(1){left:9%;top:32%}.pixel-motes i:nth-child(2){right:12%;top:46%;width:3px;height:3px;animation-delay:-2s}.pixel-motes i:nth-child(3){left:17%;bottom:29%;width:3px;height:3px;animation-delay:-4s}.pixel-motes i:nth-child(4){right:8%;top:20%;animation-delay:-3s}@keyframes pixel-drift{0%,to{transform:translateY(4px);opacity:.2}50%{transform:translateY(-9px);opacity:.8}}@media(max-width:600px){.welcome-card{padding:30px 28px 32px;border-radius:8px}.welcome-brand{margin-bottom:34px}.welcome-brand small{font-size:10px;letter-spacing:1.7px}.welcome-card h1{font-size:38px}.welcome-card h1 em{font-size:clamp(58px,17vw,80px)}}@media(prefers-reduced-motion:reduce){.pixel-motes i{animation:none}}.minimap,.health-card{background:linear-gradient(135deg,#1a1d298c,#090c169e);border:1px solid #ffffff30;border-radius:5px;box-shadow:0 8px 26px #00000030,inset 0 1px #ffffff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.player-hud{color:#f4f3ff}.minimap{padding:9px}.map-caption,.map-footer{color:#c6c8d8}.map-caption{padding:3px 2px 10px}.map-caption>span:last-child{color:#fff}.map-footer{padding:10px 2px 2px}.map-footer span{color:#a9e9ff}.map-surface{border-radius:2px;background:#171a26;border:1px solid #ffffff20}#map-player{color:#b1efff;text-shadow:0 1px 3px #071322,0 0 6px #071322}.health-card{margin-top:9px;padding:12px 10px;gap:10px}.avatar-letter{background:#ffffff0c;border:1px solid #ffffff30;border-radius:2px;color:#f2edff;box-shadow:inset 0 1px #ffffff15}.health-name strong{font-weight:500;color:#f4f3ff}.health-name>span{color:#b9bacc}.health-track{height:8px;border-radius:1px;background:#03061188;border:1px solid #ffffff14}.health-track>span{background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 2px),#161522aa calc(10% - 2px),#161522aa 10%),linear-gradient(to bottom,#ffb3be,#ed728b);box-shadow:0 0 10px #f17c9633}@media(max-width:600px){.health-card{gap:7px;padding:10px 8px}}.minimap,.health-card{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.map-caption,.map-footer{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #0008}.map-caption{padding:0 0 8px}.map-footer{padding:8px 0 0}.map-surface{background:none;border:0;border-radius:3px}.health-card{margin-top:18px;gap:9px}.avatar-letter{background:none;border:0;box-shadow:none;border-radius:0;font-size:23px;color:#fff;text-shadow:0 2px 3px #0009}.health-name{margin-bottom:8px}.health-name strong,.health-name>span{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #0008}.health-track{height:7px;background:none;border:0;border-radius:0;overflow:visible;filter:drop-shadow(0 1px 2px #0008)}.health-track>span{background:linear-gradient(to bottom,#ffc2cc,#f1849d);box-shadow:none;-webkit-mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(10% - 3px),transparent calc(10% - 3px),transparent 10%);mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(10% - 3px),transparent calc(10% - 3px),transparent 10%)}@media(max-width:600px){.health-card{padding:0;gap:7px;margin-top:14px}}.map-caption,.map-footer,.health-name strong,.health-name>span,.avatar-letter{color:#fff;font-weight:600;text-shadow:-1px -1px 0 #10131c,1px -1px 0 #10131c,-1px 1px 0 #10131c,1px 1px 0 #10131c,0 2px 3px #000}.map-caption,.map-footer{font-size:12px;letter-spacing:.2px}.health-name strong{font-size:13px}.health-name>span{font-size:11px;color:#fff}.map-footer span{color:#9feaff}.map-caption>span:last-child{color:#ffe6a3}@media(max-width:600px){.map-caption,.map-footer{font-size:10px}.health-name strong{font-size:12px}.health-name>span{font-size:10px}}.welcome-brand{flex-direction:column;gap:14px;margin-bottom:28px}.big-o-logo{width:88px;height:88px;object-fit:contain;border-radius:4px}#pause-menu{width:min(360px,calc(100vw - 40px));padding:32px;border:1px solid #d7e8ff40;border-radius:8px;background:linear-gradient(145deg,#1a2335e8,#0a1020ed);color:#f5f8ff;box-shadow:0 25px 90px #0008;font-family:Pixelify Sans,monospace;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}#pause-menu::backdrop{background:#03081680;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pause-brand{margin:0 0 12px;color:#a9dfff;font-size:12px;letter-spacing:3px}#pause-title{font-size:46px;font-weight:500;margin:0 0 28px}#pause-menu .entry-button{margin-bottom:19px}.pause-option{display:block;width:100%;margin:9px 0;padding:13px;border:1px solid #d5e4ff30;border-radius:3px;background:#ffffff08;color:#eef5ff;font:17px Pixelify Sans,monospace;cursor:pointer}.pause-option:hover{background:#a9dfff1c;border-color:#a9dfff80}.pause-option:focus-visible{outline:2px solid #a9dfff;outline-offset:3px}.pause-hint{font-size:11px;line-height:1.9;color:#b3c2d9;margin:23px 0 0}body:has(#pause-menu[open]) .fly-toggle{visibility:hidden}body.paused #world{filter:blur(9px);transform:scale(1.035);pointer-events:none}body.paused #player-hud{filter:blur(7px);opacity:.35}body.paused .fly-toggle{visibility:hidden}#pause-menu::backdrop{background:#03081666;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#pause-exit{color:#ffbec8;border-color:#ffbec830}#pause-exit:hover{background:#ff7c961a;border-color:#ffbec880}#area-window{--area-accent:#8cf5ff;width:min(580px,calc(100vw - 36px));max-height:85dvh;overflow:auto;padding:38px;border:1px solid #d6eeff40;border-top:2px solid var(--area-accent);border-radius:10px;background:linear-gradient(135deg,#172239eb,#090f1aec);color:#f3f7ff;box-shadow:0 30px 100px #0009;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-family:Pixelify Sans,monospace}#area-window::backdrop{background:#03081670}#area-close{position:absolute;right:14px;top:10px;width:36px;height:36px;border:0;background:none;color:#e7f2ff;font:30px Pixelify Sans,monospace;cursor:pointer}#area-close:hover{color:var(--area-accent)}#area-close:focus-visible{outline:2px solid var(--area-accent);outline-offset:2px}.area-eyebrow{font-size:11px;letter-spacing:3px;color:var(--area-accent);margin:0 0 14px}#area-title{font-size:38px;font-weight:500;line-height:1.1;margin:0 0 28px;padding-right:12px}#area-content section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #ffffff15}#area-content h3{font-size:21px;font-weight:500;margin:0 0 10px;color:var(--area-accent)}#area-content p{font-size:17px;line-height:1.6;color:#d2deef;margin:0}#area-content .event-directory-item{display:flex;width:100%;gap:16px;align-items:flex-start;padding:15px 0;margin:0;border:0;border-bottom:1px solid #ffffff15;background:none;color:inherit;text-align:left;font-family:inherit;cursor:pointer}#area-content .event-directory-item:hover{padding-left:8px;background:#d1adff0b}#area-content .event-directory-item:focus-visible{outline:2px solid #d1adff;outline-offset:2px}#area-content .event-directory-item>span{flex:0 0 34px;color:#d1adff;font-size:16px;padding-top:3px}#area-content .event-directory-item h3{margin-bottom:5px;color:#f2eaff}#area-content .event-directory-item p{font-size:14px;color:#b9c7dc}.event-detail-back{margin:0 0 22px;padding:9px 0;border:0;background:none;color:#d1adff;font:16px Pixelify Sans,monospace;cursor:pointer}#area-content .event-detail{border:0;margin:0;padding:0}#area-content .event-detail-description{font-size:18px;line-height:1.65;color:#e0e6f3;margin-bottom:26px}.event-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.event-detail-grid>div{padding:15px;border:1px solid #ffffff18;background:#ffffff07}.event-detail-grid span{display:block;margin-bottom:8px;color:#a893cd;font-size:11px;letter-spacing:1px}.event-detail-grid strong{display:block;color:#f4f2ff;font-size:16px;font-weight:500}.event-detail-section{margin:0 0 25px;padding:0 0 22px;border-bottom:1px solid #ffffff15}#area-content .event-detail-section h3{color:#d9c8ff}#area-content .event-detail-section p{font-size:15px}.event-timeline{display:grid;gap:13px;margin:0;padding:0;list-style:none}.event-timeline li{display:grid;grid-template-columns:145px 1fr;gap:12px;color:#d7dfef;font-size:14px;line-height:1.45}.event-timeline strong{color:#f3efff;font-weight:500}.event-rule-list{display:grid;gap:10px;margin:0;padding-left:20px;color:#d7dfef;font-size:15px;line-height:1.5}.score-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.score-list span{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #ffffff14;color:#cbd3e3;font-size:13px}.score-list strong{color:#f4efff;font-weight:500}#area-content .event-footnote{font-size:13px;color:#aeb9cc;margin-top:12px}.prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prize-grid span{padding:13px;border:1px solid #d1adff30;background:#d1adff09;color:#bfc8dc;font-size:12px;text-align:center}.prize-grid strong{display:block;margin-top:6px;color:#f5efff;font-size:20px}#area-content .event-note{margin:0 0 22px;padding:14px;border-left:2px solid #d1adff;background:#d1adff0a;font-size:14px}.event-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.event-rules{padding:15px;color:#d9c8ff;text-decoration:none;border:1px solid #d1adff45;text-align:center}.event-register{display:block;text-decoration:none}.event-register:disabled{cursor:not-allowed;opacity:.65}#area-return{font-size:17px;margin:0 0 6px}@media(max-width:600px){#area-window{padding:30px 24px}#area-title{font-size:30px}.event-detail-grid{grid-template-columns:1fr}.event-timeline li{grid-template-columns:1fr;gap:3px}.event-actions{grid-template-columns:1fr}}.sprint-hint{position:fixed;right:22px;bottom:24px;color:#fff;font:14px Pixelify Sans,monospace;text-shadow:0 2px 3px #000;pointer-events:none}.sprint-hint kbd{font:inherit;border:1px solid #ffffff65;border-radius:3px;padding:6px 9px;margin-right:6px;background:#10152155}.onboarding .sprint-hint,.paused .sprint-hint{visibility:hidden}.sprint-hint{display:grid;gap:12px}.sprint-hint>div{display:flex;align-items:center;gap:8px}.sprint-hint kbd{display:inline-block;min-width:64px;text-align:center;margin-right:0}#mobile-controls{display:none;position:fixed;inset:0;z-index:8;pointer-events:none;font-family:Pixelify Sans,monospace;user-select:none;-webkit-user-select:none}#mobile-controls button,#move-stick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#move-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;border:1px solid #d7ecff70;background:#14203850;box-shadow:inset 0 0 25px #bbdeff12;display:grid;place-items:center}#stick-thumb{width:50px;height:50px;border-radius:50%;background:#d6ecff80;border:1px solid #ffffffa0;box-shadow:0 3px 15px #0004;pointer-events:none}#mobile-controls button{min-width:64px;min-height:52px;border:1px solid #daeeff70;border-radius:12px;background:#162238b3;color:#fff;font:16px Pixelify Sans,monospace;text-shadow:0 1px 3px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mobile-controls button:active,#touch-sprint[aria-pressed=true]{background:#8ad8ff70;border-color:#c9efff}.touch-actions{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}#touch-jump{width:76px;height:76px;border-radius:50%}#touch-menu{position:absolute;right:max(18px,env(safe-area-inset-right));top:calc(18px + env(safe-area-inset-top));font-size:24px!important;min-width:48px!important;min-height:48px!important}.touch-look-hint{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:11px;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap}@media(any-pointer:coarse){#mobile-controls{display:block}.sprint-hint,.onboarding #mobile-controls,.paused #mobile-controls{display:none}.player-hud{top:calc(12px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:140px}}@media(any-pointer:coarse)and (max-height:500px){.player-hud{width:108px}.health-card{margin-top:8px}.map-caption,.map-footer{font-size:8px}#move-stick{width:104px;height:104px;bottom:20px}.touch-actions{bottom:22px}.welcome-card{margin:12px 0}}body.touch-device #mobile-controls{display:block}body.touch-device .sprint-hint,body.touch-device.onboarding #mobile-controls,body.touch-device.paused #mobile-controls{display:none}body.touch-device .player-hud{width:118px;top:calc(10px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}body.touch-device .map-caption,body.touch-device .map-footer{font-size:9px}body.touch-device .health-name strong{font-size:11px}body.touch-device .health-name>span{display:none}body.touch-device .avatar-letter{flex-basis:20px;font-size:19px}body.touch-device #move-stick{width:132px;height:132px;left:max(20px,env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom))}body.touch-device .touch-actions{display:grid;gap:16px;right:max(22px,env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));justify-items:center}body.touch-device #touch-sprint{min-width:76px;min-height:48px}body.touch-device #touch-jump{width:82px;height:82px}body.touch-device .welcome-layer{padding:16px;min-height:100dvh}body.touch-device .welcome-card{padding:24px;width:min(390px,100%)}body.touch-device .welcome-brand{margin-bottom:20px;gap:9px}body.touch-device .big-o-logo{width:64px;height:64px}body.touch-device .welcome-card h1{font-size:34px;margin-bottom:25px}body.touch-device .welcome-card h1 em{font-size:64px}body.touch-device .welcome-card input{font-size:18px}body.touch-device #pause-menu{max-height:calc(100dvh - 32px);overflow:auto;padding:24px}@media(max-height:500px){body.touch-device .player-hud{width:92px}body.touch-device .map-footer{display:none}body.touch-device .health-card{margin-top:7px}body.touch-device #move-stick{width:106px;height:106px;bottom:calc(18px + env(safe-area-inset-bottom))}body.touch-device .touch-actions{display:flex;bottom:calc(20px + env(safe-area-inset-bottom))}body.touch-device #touch-jump{width:68px;height:68px}body.touch-device .welcome-card{padding:18px 26px}body.touch-device .welcome-brand{flex-direction:row;margin-bottom:12px}body.touch-device .big-o-logo{width:40px;height:40px}body.touch-device .welcome-card h1 em{font-size:44px}body.touch-device .welcome-card h1{font-size:28px;margin-bottom:18px}body.touch-device .heading-intro{font-size:17px;margin-bottom:8px}}body.touch-device #pause-menu{width:min(290px,calc(100vw - 40px));padding:20px 22px;border-radius:8px}body.touch-device #pause-menu .pause-brand{font-size:10px;letter-spacing:2px;margin-bottom:6px}body.touch-device #pause-title{font-size:32px;line-height:1.1;margin-bottom:18px}body.touch-device #pause-menu .entry-button{font-size:16px;min-height:44px;padding:11px 14px;margin-bottom:12px}body.touch-device #pause-menu .pause-option{font-size:15px;min-height:44px;padding:10px 12px;margin:8px 0}body.touch-device #pause-menu .pause-hint{font-size:10px;line-height:1.5;margin-top:12px}@media(max-height:500px){body.touch-device #pause-menu{padding:14px 20px}body.touch-device #pause-title{font-size:27px;margin-bottom:12px}body.touch-device #pause-menu .pause-brand{margin-bottom:4px}}#rotate-phone{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:32px;background:#080f20f5;color:#f2f7ff;font-family:Pixelify Sans,monospace;text-align:center}.rotate-content{max-width:290px}.rotate-icon{font-size:76px;color:#a9e9ff;line-height:1;margin-bottom:22px}#rotate-title{font-size:30px;font-weight:500;margin:0 0 12px}#rotate-phone p{font-size:17px;line-height:1.5;color:#c1cde0;margin:0 0 24px}#rotate-fullscreen{min-height:48px;padding:12px 18px;border:1px solid #b5e9ff66;border-radius:6px;background:#a9e9ff18;color:#e8f8ff;font:16px Pixelify Sans,monospace}.portrait-blocked #mobile-controls{display:none!important}body.onboarding #rotate-phone{display:none}.quick-travel{margin:10px 0;color:#d9edff;text-align:left}.quick-travel summary{cursor:pointer;padding:12px 8px;font-size:16px;min-height:44px}.quick-travel summary:focus-visible{outline:2px solid #a9dfff;outline-offset:2px}.teleport-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}#pause-menu .teleport-grid .pause-option{margin:0;font-size:14px;padding:10px 6px;min-height:44px}#teleport-status{font-size:12px;color:#ffbec8;line-height:1.5}#pause-menu{max-height:calc(100dvh - 32px);overflow:auto}#teleport-menu{width:min(380px,calc(100vw - 36px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px;border:1px solid #addef760;border-radius:10px;background:linear-gradient(135deg,#172239ed,#090f1af5);color:#f3f7ff;text-align:center;font-family:Pixelify Sans,monospace;box-shadow:0 25px 90px #0008;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#teleport-menu::backdrop{background:#03081670}#teleport-title{font-size:32px;font-weight:500;margin:10px 0 20px}#teleport-menu .teleport-grid .pause-option{min-height:58px;margin:0;font-size:16px}#teleport-close{margin-top:18px}#touch-teleport{position:absolute;right:max(18px,env(safe-area-inset-right));top:calc(76px + env(safe-area-inset-top));min-width:48px!important;min-height:44px!important}@media(max-height:500px){#teleport-menu{padding:16px 22px}#teleport-title{font-size:26px;margin:6px 0 12px}#teleport-menu .teleport-grid .pause-option{min-height:44px}#teleport-close{margin-top:10px}}