@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#ede8dd;background:#111c25;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #e5ba73;outline-offset:5px}#scene{display:block;width:100%;height:100dvh;touch-action:none;outline:none}#app{height:100dvh}.hud{position:fixed;inset:0;pointer-events:none;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#08111988,transparent 25%,transparent 75%,#08111988)}.top,.bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:12px;letter-spacing:.23em;font-weight:700}.brand span{display:block;font-size:10px;letter-spacing:.12em;color:#a9b6bb;margin-top:7px;font-weight:400}.timer{font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:.09em}.timer small{display:block;font-size:9px;color:#a9b6bb;letter-spacing:.2em;text-align:center;margin-bottom:5px}.danger{color:#f6a49a}.tools{display:flex;gap:10px}.glass{pointer-events:auto;border:1px solid #b8c5ca33;color:#eee7d9;background:#15232cbb;border-radius:8px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass:hover{background:#34444e}.objective{font-size:12px;color:#cbd1ce;line-height:1.7}.objective b{color:#e9b879;font-size:10px;letter-spacing:.17em;font-weight:500}.controls{font-size:11px;color:#afbec3}.keytag{color:#efc98a;display:none;font-size:12px;margin-top:8px}#aim{position:fixed;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fff9;pointer-events:none;box-shadow:0 0 0 4px #ffffff08}#target{position:fixed;top:calc(50% + 24px);left:50%;transform:translate(-50%);font-size:12px;color:#fff;background:#14232dcc;border:1px solid #ffffff20;padding:8px 15px;border-radius:30px;pointer-events:none;white-space:nowrap;display:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#09141bb3;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;padding:24px;z-index:10}.overlay[hidden]{display:none}.panel{max-width:470px;width:100%;background:#17262f;border:1px solid #9baeb033;border-radius:16px;padding:36px;box-shadow:0 25px 90px #0006;position:relative}.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#d8b47e;margin-bottom:20px}.panel h2{font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:400;margin:0 0 16px}.panel p{color:#bdc8c9;font-size:14px;line-height:1.8}.primary{width:100%;border:0;background:#e3bd84;color:#18252b;border-radius:7px;padding:15px 20px;font-weight:700;margin-top:18px}.primary:hover{background:#f3d3a2}.secondary{border:1px solid #ffffff26;background:transparent;color:#c9d3d2;border-radius:7px;padding:12px;width:100%;margin-top:12px}.close{position:absolute;right:18px;top:14px;background:none;border:0;color:#b9c5c8;font-size:25px}.symbols{font-family:Georgia,serif;font-size:42px;text-align:center;letter-spacing:.12em;padding:22px 0;color:#e2bd85}.paper{background:#e5dcc5;color:#2c393c;border-radius:3px;padding:24px;transform:rotate(-1deg);margin:20px 0}.paper p{color:#596361;font-family:Georgia,serif;font-style:italic;text-align:center}.paper .symbols{color:#273d44}.digits{display:flex;justify-content:center;gap:10px;margin:25px 0 8px}.digits span{width:61px;height:68px;border:1px solid #dfbd8066;border-radius:6px;display:grid;place-items:center;font-size:32px;color:#edcf9f;background:#0d1a22}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad button{padding:12px;border:1px solid #ffffff14;color:#e2e8e7;background:#24343e;border-radius:5px;font-size:18px}.pad button:hover{background:#3a4b53}.error{min-height:20px;color:#f4a99a!important;font-size:12px!important;text-align:center;margin:10px 0!important}.item{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #d8b47e66;background:#d8b47e0a;border-radius:8px;color:#e4c28f;width:100%;text-align:left}.item span{font-size:35px}.item small{display:block;margin-top:5px;color:#b6c3c5}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%);padding:13px 20px;border:1px solid #d2bd9633;border-radius:7px;background:#14232def;color:#ead8b8;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:30;text-align:center;max-width:80vw}.intro{justify-content:flex-start;background:linear-gradient(90deg,#09141bf5,#09141be8 32%,#09141b66 65%,#09141b11);-webkit-backdrop-filter:none;backdrop-filter:none;padding:7vw}.intro .panel{background:none;border:0;box-shadow:none;padding:0;max-width:440px}.intro h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(60px,7vw,100px);line-height:1;margin:25px 0 10px;font-weight:400;letter-spacing:-.05em}.intro h1 em{color:#dbb582;font-style:normal}.subtitle{font-family:Playfair Display,Georgia,serif;font-size:26px;color:#c7d1ce;margin-bottom:24px}.intro p{max-width:360px}.intro .primary{max-width:310px;display:flex;justify-content:space-between}.intro .meta{display:flex;gap:24px;font-size:10px;letter-spacing:.12em;color:#a2b2b8;border-top:1px solid #ffffff20;padding-top:23px;margin-top:32px}.intro-footer{position:fixed;bottom:25px;left:7vw;font-size:10px;color:#91a4ac;letter-spacing:.1em}.sound-setting{border:0;background:none;color:#a9b9bc;padding:0;margin-top:18px;font-size:12px}.joystick{position:fixed;bottom:75px;width:118px;height:118px;border:1px solid #d2dfdf44;background:#d2dfdf0b;border-radius:50%;touch-action:none;pointer-events:auto;display:none}.joystick:before{content:attr(data-label);position:absolute;bottom:-25px;width:100%;text-align:center;font-size:9px;letter-spacing:.15em;color:#a5b6bd}.stick{position:absolute;left:36px;top:36px;width:44px;height:44px;border-radius:50%;background:#c3d2d333;border:1px solid #e5eded66;pointer-events:none}#move{left:35px}#look{right:35px}#rotate{display:none;z-index:50;text-align:center}.touch .joystick{display:block}.touch .controls{display:none}.touch .bottom{align-items:flex-end}.touch .objective{max-width:45%}.hidden{visibility:hidden}@media(max-height:650px){.intro h1{font-size:62px}.intro .panel p{font-size:12px}.intro .meta{margin-top:18px;padding-top:16px}.intro .eyebrow{margin-bottom:10px}.intro .subtitle{margin-bottom:12px}.intro-footer{display:none}.panel{padding:22px;max-width:420px}.panel h2{font-size:28px}.digits{margin:15px 0 8px}.digits span{height:45px}.pad button{padding:7px}.symbols{padding:10px 0}.hud{padding:18px 24px}}@media(pointer:coarse)and (orientation:portrait){#rotate{display:flex}}#force-meter{position:fixed;z-index:5;bottom:125px;left:50%;transform:translate(-50%);width:min(330px,70vw);padding:20px;background:#17262fea;border:1px solid #d8b47e88;border-radius:10px;text-align:center;pointer-events:none}#force-meter b{font-size:10px;letter-spacing:.16em;color:#e3bd84}.force-track{height:8px;background:#ffffff14;border-radius:8px;margin:14px 0;overflow:hidden}#force-bar{height:100%;background:#e3bd84;width:0}#force-time{font-variant-numeric:tabular-nums;font-size:13px;color:#cbd4d1}.item+.item{margin-top:12px}.intro{gap:clamp(28px,6vw,100px);overflow-y:auto;align-items:flex-start;padding-top:max(28px,5vh);padding-bottom:60px}.intro>.panel{flex-shrink:0}.player-summary{margin-top:18px;font-size:12px;color:#c7d1ce}.player-summary span{display:block;overflow-wrap:anywhere}.player-summary .sound-setting{margin-top:8px;text-decoration:underline}.leaderboard{width:min(440px,100%);flex-shrink:0;margin-top:28px;padding:28px;background:#101e28ed;border:1px solid #d8b47e40;border-radius:14px}.leaderboard h2{font:32px Playfair Display,Georgia,serif;margin:0 0 10px}.leaderboard p{color:#a9b9bc;font-size:12px;line-height:1.6}.leaderboard table{width:100%;border-collapse:collapse;margin-top:22px;font-size:13px}.leaderboard th{text-align:left;color:#b9c6c8;font-size:10px;font-weight:500;padding-bottom:12px}.leaderboard td{padding:12px 4px 12px 0;border-top:1px solid #ffffff13}.leaderboard td:nth-child(2){overflow-wrap:anywhere;max-width:170px}.leaderboard td:first-child{color:#d8b47e;width:45px}.leaderboard td:last-child,.leaderboard th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard tbody tr:first-child{color:#f1ce92}#ranking-status{min-height:38px}.player-dialog{color:#ede8dd;max-height:calc(100dvh - 32px);overflow-y:auto}.player-dialog::backdrop{background:#061018d9}.player-dialog label{display:block;font-size:12px;margin:18px 0 8px}.player-dialog input{width:100%;padding:13px;border-radius:7px;border:1px solid #d8b47e88;background:#0d1a22;color:#ede8dd;font:inherit}.player-dialog input:focus-visible{outline:2px solid #e5ba73;outline-offset:3px}.player-dialog .player-hint{font-size:11px}@media(max-width:1050px){.intro{padding-left:5vw;padding-right:5vw;gap:25px}.intro>.panel{width:45%}.leaderboard{width:calc(55% - 25px);padding:22px}}@media(max-width:640px){.intro{flex-direction:column}.intro>.panel,.leaderboard{width:100%;max-width:none}.leaderboard{margin-top:0}.intro-footer{display:none}}#app:has(#intro:not([hidden])) .hud{visibility:hidden}