@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--ink:#0a0a1a;--cyan:#4be0ff;--pink:#ff7ad9;--warm:#ffd479;--pixel:"Press Start 2P", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{background:var(--ink);color:#e9ecff;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0;font-family:Menlo,ui-monospace,monospace;overflow:hidden}.app{width:100vw;height:100dvh;position:relative}canvas{touch-action:none;display:block}.hud{padding:calc(14px + env(safe-area-inset-top)) 18px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud .right{pointer-events:auto;gap:8px;display:flex}.hud button{color:#dfe7ff;cursor:pointer;background:#ffffff0f;border:1px solid #4be0ff40;border-radius:8px;min-width:40px;min-height:40px;font-family:inherit}.stat{font-family:var(--pixel);letter-spacing:1px;color:var(--cyan);text-shadow:0 0 14px #4be0ff80;font-size:13px}.stat b{font-size:17px}.sub{opacity:.55;letter-spacing:1px;margin-top:6px;font-size:11px}.title{font-family:var(--pixel);letter-spacing:3px;color:var(--pink);text-shadow:0 0 16px #ff7ad980;padding-top:4px;font-size:12px}.skills{left:50%;bottom:calc(38px + env(safe-area-inset-bottom));z-index:3;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.skill{color:#d7dfff;min-width:62px;min-height:56px;font-family:var(--pixel);cursor:pointer;background:#101228d9;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;transition:transform 80ms,border-color .2s;display:flex}.skill .n{color:var(--warm);font-size:13px}.skill .l{letter-spacing:1px;opacity:.85;font-size:8px}.skill.on{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 0 20px #4be0ff73}.skill:disabled{opacity:.3;cursor:default}.hint{bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;letter-spacing:1px;opacity:.55;pointer-events:none;max-width:min(560px,88vw);font-size:10px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.end{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a1ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.end-card{text-align:center;background:#0e1024e6;border:1px solid #4be0ff4d;border-radius:14px;padding:30px 34px}.end-card h2{font-family:var(--pixel);letter-spacing:2px;color:var(--cyan);margin:0 0 12px;font-size:16px}.end-card p{opacity:.7;letter-spacing:1px;font-size:12px}.again{font-family:var(--pixel);letter-spacing:2px;background:var(--cyan);color:#04202a;cursor:pointer;border:none;border-radius:9px;margin-top:14px;padding:14px 22px;font-size:11px}.seedtag{opacity:.5;letter-spacing:1px;font-size:9px}.again.alt{color:var(--cyan);background:0 0;border:1px solid #4be0ff80;margin-left:8px}.minimap{cursor:crosshair;touch-action:none;right:14px;bottom:calc(104px + env(safe-area-inset-bottom));image-rendering:pixelated;pointer-events:auto;object-fit:contain;background:#080a1ab3;border:1px solid #4be0ff47;border-radius:6px;width:auto;max-width:min(30vw,240px);height:auto;max-height:min(30vh,220px);position:absolute}@media (height<=620px){.minimap{max-height:22vh;bottom:calc(96px + env(safe-area-inset-bottom))}}.title-screen{pointer-events:none;background:radial-gradient(#0a0a1a1a,#0a0a1ab8);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.title-screen>*{pointer-events:auto}.game-title{font-family:var(--pixel);color:var(--cyan);letter-spacing:4px;text-shadow:0 0 22px #4be0ff99,4px 4px #0a1432e6;margin:0;font-size:clamp(26px,7vw,62px)}.game-sub{font-family:var(--pixel);color:var(--pink);letter-spacing:3px;text-shadow:0 0 14px #ff7ad980;margin-bottom:18px;font-size:clamp(8px,1.4vw,12px)}.btn-start{font-family:var(--pixel);letter-spacing:4px;background:var(--cyan);color:#04202a;cursor:pointer;border:none;border-radius:10px;min-height:52px;padding:18px 40px;font-size:15px;transition:transform .1s,box-shadow .2s;box-shadow:0 0 26px #4be0ff73}.btn-start:hover{transform:translateY(-2px);box-shadow:0 0 38px #4be0ffb3}.title-foot{letter-spacing:2px;opacity:.45;margin-top:20px;font-size:10px}@media (width<=760px),(height<=480px){.hud{padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left))}.stat{font-size:11px}.stat b{font-size:14px}.title{letter-spacing:2px;font-size:9px}.sub{font-size:9px}.hud button{min-width:44px;min-height:44px}.skills{bottom:calc(30px + env(safe-area-inset-bottom));gap:6px}.skill{min-width:56px;min-height:54px;padding:7px 4px}.skill .l{font-size:7px}.minimap{right:calc(8px + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));max-width:26vw;max-height:18vh}.game-title{letter-spacing:2px}.btn-start{padding:16px 32px;font-size:13px}}@media (height<=430px){.skills{bottom:calc(8px + env(safe-area-inset-bottom))}.hint{display:none}.minimap{bottom:calc(70px + env(safe-area-inset-bottom));max-height:22vh}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);color:#dbe6ff;letter-spacing:.5px;text-align:left;white-space:normal;opacity:0;pointer-events:none;z-index:10;background:#080a1af5;border:1px solid #4be0ff4d;border-radius:8px;width:max-content;max-width:230px;padding:8px 10px;font-family:Menlo,ui-monospace,monospace;font-size:11px;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.hud [data-tip]:after{top:calc(100% + 6px)}.skill[data-tip]:after{bottom:calc(100% + 8px);transform:translate(-50%)translateY(-4px)}[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hud .right button:last-child[data-tip]:after{left:auto;right:0;transform:translateY(4px)}.hud .right button:last-child[data-tip]:hover:after{transform:translateY(0)}.skills .skill:first-child[data-tip]:after{left:0;transform:translateY(-4px)}.skills .skill:first-child[data-tip]:hover:after{transform:translateY(0)}@media (hover:none){[data-tip]:after{display:none}}.subject{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));letter-spacing:1px;color:#dbe6ff;white-space:nowrap;z-index:2;background:#0a0e1ae6;border:1px solid #8fe8ff66;border-radius:999px;align-items:center;gap:8px;padding:7px 10px 7px 12px;font-size:11px;display:flex;position:absolute;transform:translate(-50%)}.subject b{color:#8fe8ff;font-weight:700}.subject-dot{background:#8fe8ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #8fe8ff}.subject-traits{opacity:.7}.subject-drop{color:#aab6d8;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;margin-left:4px;padding:3px 9px;font-family:inherit;font-size:10px}@media (width<=760px){.subject{bottom:calc(92px + env(safe-area-inset-bottom));font-size:10px}}