:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--topbar-height: 52px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:disabled{opacity:.5;cursor:not-allowed}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}#root{width:100%}.app-content{padding-top:var(--topbar-height)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);z-index:1000;background:#080812e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 20px;gap:10px}.topbar__home-btn{background:transparent;border:none;border-radius:8px;color:#ffffffa6;font-size:.9rem;font-weight:700;letter-spacing:.01em;padding:5px 10px;display:flex;align-items:center;gap:7px;transition:color .15s,background .15s;flex-shrink:0}.topbar__home-btn:hover{background:#ffffff14;color:#fff}.topbar__icon{font-size:1rem}.topbar__separator{color:#fff3;font-size:1rem;line-height:1;flex-shrink:0}.topbar__game-name{color:#ffffff80;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-page{min-height:100vh;width:100%;background:linear-gradient(160deg,#0d0d1a,#112,#0a0a16);display:flex;flex-direction:column;align-items:center;overflow:hidden auto;padding-bottom:60px}.hub-header{width:100%;padding:56px 40px 40px;text-align:center}.hub-badge{display:inline-block;background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:20px}.hub-title{margin:0 0 16px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hub-subtitle{margin:0 auto;max-width:480px;font-size:1rem;color:#ffffff73;line-height:1.6}.hub-divider{width:48px;height:2px;background:linear-gradient(90deg,rgba(99,102,241,.8),transparent);margin:32px auto;border-radius:2px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;max-width:1100px;padding:0 32px}.hub-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;box-shadow:0 4px 16px #0000004d}.hub-card:not(.hub-card--disabled):hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080;border-color:#6366f159}.hub-card--disabled{opacity:.45;cursor:default}.hub-card__art{height:140px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.hub-card__icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.hub-card__body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1;gap:10px}.hub-card__title{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.hub-card__desc{margin:0;font-size:.85rem;color:#ffffff80;line-height:1.6;flex:1}.hub-card__tags{display:flex;gap:8px;flex-wrap:wrap}.hub-card__tag{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff6;background:#ffffff12;padding:4px 10px;border-radius:6px}.hub-card__btn-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.hub-card__play-btn,.hub-card__coming-soon-btn{padding:11px 0;width:100%;border-radius:12px;font-size:.9rem;font-weight:600;letter-spacing:.02em}.hub-card__play-btn{background:#6366f1e6;border:none;color:#fff;transition:background .2s ease,transform .1s ease}.hub-card:not(.hub-card--disabled):hover .hub-card__play-btn{background:#6366f1;transform:scale(1.01)}.hub-card__coming-soon-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff4d}.hub-card__daily-btn{padding:9px 0;width:100%;border-radius:12px;font-size:.82rem;font-weight:600;letter-spacing:.04em;background:#6366f11a;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;transition:background .15s ease,transform .1s ease}.hub-card__daily-btn:hover:not(:disabled){background:#6366f138;transform:translateY(-1px)}.hub-card__daily-btn:disabled{opacity:.45;color:#a5b4fc99;cursor:default}.landing{height:calc(100vh - var(--topbar-height));width:100%;background:linear-gradient(160deg,#0d0d1a,#112,#0a0a16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.landing__icon{font-size:4rem;filter:drop-shadow(0 4px 24px rgba(64,145,108,.5))}.landing__text{text-align:center}.landing__title{margin:0 0 10px;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__subtitle{margin:0;color:#ffffff73;font-size:1rem;line-height:1.6}.landing__start-btn{padding:14px 48px;background:#28916ce6;border:none;border-radius:14px;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.03em;box-shadow:0 8px 32px #28916c66;transition:transform .15s ease,box-shadow .15s ease}.landing__start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #28916c8c}.landing__daily-btn{padding:12px 40px;background:#6366f126;border:1px solid rgba(99,102,241,.45);border-radius:14px;color:#a5b4fc;font-size:1rem;font-weight:700;letter-spacing:.03em;transition:transform .15s ease,background .15s ease}.landing__daily-btn:hover{transform:translateY(-2px);background:#6366f14d}.game-screen{position:relative;width:100%;height:calc(100vh - var(--topbar-height));overflow:hidden}.game-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;-webkit-user-select:none;user-select:none;pointer-events:none}.map-selection{position:absolute;right:1vw;bottom:0}.select-button{display:block;width:100%}.map{position:relative;cursor:crosshair;transition:width .2s ease,height .2s ease}.marker{width:10px;height:10px;background-color:red;border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1;flex:0 0 auto}.map-faction-label{font-size:30px;position:absolute;text-shadow:2px 2px 4px #000000;-webkit-user-select:none;user-select:none;z-index:2;pointer-events:none}.map-faction-label--amber{text-align:left;bottom:5%;left:0;color:orange}.map-faction-label--sapphire{text-align:right;top:5%;right:-.5vw;color:#5f9ea0}.map-image{-webkit-user-select:none;user-select:none;display:block;transition:width .2s ease,height .2s ease}.pin{width:5px;height:5px;border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.pin--actual{background-color:#fff}.pin--guess{background-color:red}.pin--start{background-color:#4ade80;width:12px;height:12px}.pin--mirror{background-color:#0ff;opacity:.85;width:10px;height:10px;border:1.5px solid rgba(255,255,255,.5)}.pin-line{position:absolute;top:0;left:0;pointer-events:none}.intermediate-score{height:calc(100vh - var(--topbar-height));width:100%;position:relative;overflow:hidden;color:#fff}.scoring-bg-overlay{position:absolute;inset:0;background:#0000009e;z-index:0}.scoring-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%;padding:24px 16px;box-sizing:border-box}.intermediate-score__round{margin:0;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.intermediate-map-wrapper{position:relative;flex-shrink:0}.intermediate-score__info{text-align:center;display:flex;flex-direction:column;gap:4px}.intermediate-score__distance{margin:0;font-size:clamp(.8rem,2vw,.95rem);color:#ffffff73}.intermediate-score__mirror-banner{background:#00ffff14;border:1px solid rgba(0,255,255,.3);color:#0ff;border-radius:10px;padding:8px 20px;font-size:.85rem;font-weight:600;text-align:center}.intermediate-score__score{margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.02em;color:#6ee7b7}.intermediate-score__score-max{font-size:.55em;font-weight:500;color:#6ee7b799}.intermediate-score__btn{padding:13px 44px;background:#28916ce6;border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.03em;box-shadow:0 8px 28px #28916c59;transition:transform .15s ease,box-shadow .15s ease}.intermediate-score__btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #28916c80}@media (max-width: 480px){.scoring-content{gap:14px;padding:16px 12px}}.dr-score-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.dr-legend-item{font-size:.75rem;font-weight:600;letter-spacing:.05em}.dr-legend-item--start{color:#4ade80}.dr-legend-item--dest{color:#fff}.dr-legend-item--end{color:#f87171}.dr-game{height:calc(100vh - var(--topbar-height));display:flex;flex-direction:column;background:#080812;overflow:hidden}.dr-game__screenshots{display:flex;flex:0 0 52%;gap:2px;background:#000}.dr-game__screenshot-panel{flex:1;position:relative;overflow:hidden}.dr-game__img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.dr-game__label{position:absolute;top:10px;left:10px;background:#000000b8;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dr-game__label--dest{background:#6366f140;border-color:#6366f180;color:#c7d2fe}.dr-game__screenshot-divider{width:2px;background:#ffffff0f;flex-shrink:0}.dr-controls{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 20px 16px;overflow-y:auto;background:linear-gradient(180deg,#0a0a14,#0d0d1a);border-top:1px solid rgba(255,255,255,.06)}.dr-controls__round{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59}.dr-facing{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:#ffffff80;letter-spacing:.04em}.dr-facing__dir{color:#fff;font-weight:700;font-size:.9rem}.dr-btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dr-btn{padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;letter-spacing:.02em;transition:background .15s ease,transform .1s ease}.dr-btn--turn{background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.dr-btn--turn:hover{background:#6366f14d;transform:translateY(-1px)}.dr-btn--move{background:#28916c1f;border:1px solid rgba(40,145,108,.38);color:#6ee7b7}.dr-btn--move:hover{background:#28916c47;transform:translateY(-1px)}.dr-step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:110px;overflow-y:auto;width:100%;max-width:380px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.dr-step-list__item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:5px 10px;font-size:.78rem;color:#ffffffb3;gap:8px}.dr-step-list__remove{background:none;border:none;color:#ffffff4d;font-size:1rem;padding:0 4px;line-height:1;flex-shrink:0;border-radius:4px;transition:color .15s}.dr-step-list__remove:hover{color:#f87171e6;background:#f871711a;border-color:transparent;transform:none}.dr-submit-btn{padding:11px 40px;background:#28916ce6;border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.03em;box-shadow:0 6px 22px #28916c4d;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.dr-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #28916c80}.dr-submit-btn:disabled{opacity:.35}.final-score{min-height:calc(100vh - var(--topbar-height));width:100%;background:linear-gradient(160deg,#0d0d1a,#112,#0a0a16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;-webkit-user-select:none;user-select:none}.final-score__title{margin:0 0 8px;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score__subtitle{margin:0;font-size:clamp(.9rem,2vw,1rem);color:#ffffff80}.final-score__total{margin:0;font-size:clamp(3rem,10vw,5rem);font-weight:800;letter-spacing:-.02em;color:#6ee7b7;line-height:1}.final-score__total-max{margin:0;font-size:clamp(.85rem,2vw,1rem);color:#fff6}.final-score__copy-btn{padding:11px 32px;font-size:.9rem;font-weight:600;letter-spacing:.02em;border:1px solid rgba(99,102,241,.45);border-radius:12px;background:#6366f126;color:#a5b4fc;transition:background .15s ease,transform .1s ease}.final-score__copy-btn:hover{background:#6366f14d;transform:translateY(-1px)}.final-score__play-again{margin-top:16px;padding:13px 44px;font-size:1rem;font-weight:700;letter-spacing:.03em;border:none;border-radius:14px;background:#28916ce6;color:#fff;box-shadow:0 8px 28px #28916c59;transition:transform .15s ease,box-shadow .15s ease}.final-score__play-again:hover{transform:translateY(-2px);box-shadow:0 12px 36px #28916c80}