:root{--bg: #0a2318;--surface: #10352a;--surface-2: #164534;--ink: #f4efe4;--ink-muted: rgba(244, 239, 228, .66);--gold: #d4af37;--gold-deep: #b3922a;--line: rgba(212, 175, 55, .22);--serif: "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:radial-gradient(120% 90% at 50% 0%,#123c2c 0%,var(--bg) 60%) fixed var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;min-height:100vh}.screen{width:100%;max-width:460px;padding:40px 20px 56px;display:flex;flex-direction:column;gap:18px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}.game-title{font-family:var(--serif);font-weight:700;font-size:clamp(34px,9vw,44px);line-height:1.08;text-transform:uppercase;letter-spacing:.02em}.game-title--reveal{font-size:clamp(26px,7vw,34px);text-align:center;color:var(--gold)}.headline{font-family:var(--serif);font-weight:600;font-size:clamp(21px,5.6vw,26px);line-height:1.25}.headline--center{text-align:center}.sub{color:var(--ink-muted);font-size:16px}.sub--center{text-align:center}.footnote{font-size:12.5px;color:var(--ink-muted);text-align:center;margin-top:8px}.quadrant{font-size:13px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.quote{font-family:var(--serif);font-style:italic;color:var(--gold);margin-top:10px}.btn{display:block;width:100%;padding:15px 20px;border-radius:10px;border:none;font-family:var(--sans);font-size:16px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.985)}.btn--primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#1c1607}.btn--primary:disabled{opacity:.45;cursor:default}.btn--ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--line)}.btn--wa{margin-top:6px}.input{width:100%;padding:15px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:17px;margin-bottom:14px}.input:focus{outline:2px solid var(--gold);border-color:transparent}.options{display:flex;flex-direction:column;gap:10px}.option{padding:16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15.5px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.option:hover,.card:hover{border-color:var(--gold);background:var(--surface-2)}.cards{display:flex;flex-direction:column;gap:14px}.card{padding:22px 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.4;text-align:center;cursor:pointer;min-height:96px;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease,transform .12s ease}.card:active{transform:scale(.98)}.progress{height:6px;border-radius:3px;background:var(--surface);overflow:hidden}.progress__fill{height:100%;border-radius:3px 0 0 3px;background:var(--gold);transition:width .3s ease}.score-display{font-family:var(--serif);font-size:56px;font-weight:700;color:var(--gold);text-align:center;line-height:1}.slider{width:100%;accent-color:var(--gold);height:34px}.slider-scale{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-muted)}.blazon-row{display:flex;justify-content:center;gap:14px;margin:6px 0}.blazon-row--signal{gap:10px;margin-top:30vh}.blazon--dim{opacity:.38}.blazon--glow{filter:drop-shadow(0 0 14px rgba(212,175,55,.75));animation:pulse 1.6s ease-in-out infinite}.reveal-blazon{display:flex;justify-content:center;animation:blazonIn .9s ease both}.signal-msg{font-family:var(--serif);font-size:22px;text-align:center;color:var(--gold);animation:fadeUp .7s ease .35s both}.screen--signal{align-items:center}.result-block{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.result-block h3{font-family:var(--serif);font-size:17px;color:var(--gold);margin-bottom:8px}.result-block ul{padding-left:18px;display:flex;flex-direction:column;gap:6px}.result-block--trap{border-color:#d4af3780}.goal-line{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.goal-tag{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.locks{display:flex;flex-direction:column;gap:10px}.locks__intro{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.lock{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:14px 16px}.lock strong{font-size:15px}.lock p{font-size:13.5px;color:var(--ink-muted);filter:blur(.4px)}.lock__icon{font-size:18px;line-height:1.4}.chart-center{display:flex;justify-content:center}.chart-center--small{margin-top:8px;opacity:.9}.reading{font-family:var(--serif);font-size:17px;text-align:center;color:var(--ink)}.housebars{display:flex;flex-direction:column;gap:8px}.housebars__row{display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:10px}.housebars__label{font-size:13.5px}.housebars__track{display:block;height:14px;background:#f4efe414;border-radius:4px;overflow:hidden}.housebars__fill{display:block;height:100%;background:var(--gold);border-radius:0 4px 4px 0}.housebars__value{font-size:13.5px;color:var(--ink-muted);text-align:right}.wheel-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:13.5px}.wheel-table td{padding:5px 0;border-bottom:1px solid rgba(212,175,55,.12);color:var(--ink-muted)}.wheel-table__value{text-align:right;color:var(--ink);font-weight:600}.code-line{text-align:center;color:var(--ink-muted);font-size:14px}.code-line strong{color:var(--gold);letter-spacing:.06em}.abismo-line{font-family:var(--serif);font-style:italic;color:var(--gold)}.mentor-view .result-block{margin-bottom:4px}.fade-up{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes blazonIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px rgba(212,175,55,.55))}50%{filter:drop-shadow(0 0 20px rgba(212,175,55,.9))}}@media (prefers-reduced-motion: reduce){.fade-up,.reveal-blazon,.blazon--glow{animation:none}}@media (min-width: 700px){.screen{padding-top:64px}.cards{flex-direction:row}.card{flex:1}}.stage__canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;pointer-events:none}.hud__title{font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px rgba(0,0,0,.6)}.hud__actions{display:flex;gap:8px}.hud__btn{pointer-events:auto;background:#081911b3;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 13px;font-size:13px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud__btn--dim{color:var(--ink-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:0 10px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.panel{pointer-events:auto;width:100%;max-width:480px;background:#081911d6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.panel .game-title{font-size:clamp(28px,7vw,36px)}.panel--landing{text-align:center;align-items:center}.overlay.overlay--center{align-items:center;justify-content:center;padding:0 10px calc(14px + env(safe-area-inset-bottom))}.tagline{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold)}.panel--tall{max-height:76vh}.panel--signal{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;margin-bottom:22vh;overflow:visible}.map-caption{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;z-index:10;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.map-caption p{max-width:420px;text-align:center;font-family:var(--serif);font-size:15px;color:var(--ink);background:#081911b3;border:1px solid var(--line);border-radius:12px;padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 960px){.overlay{align-items:center;justify-content:flex-start;padding-left:5vw}.panel{max-height:82vh;max-width:440px}}*{scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.45) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af378c,#b3922a66);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#d4af37bf}.quest{pointer-events:none;position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 24px));text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 18px 15px;background:#261c0ab8;border:1px solid rgba(212,175,55,.45);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 34px #00000073}.quest__kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}.quest__title{font-family:var(--serif);font-weight:600;font-size:clamp(19px,5vw,23px);line-height:1.3;color:var(--ink)}.quest__hint{font-size:13.5px;color:var(--ink-muted)}.quest__progress{width:180px;height:4px;border-radius:2px;background:#f4efe424;overflow:hidden}.quest__progress-fill{height:100%;background:var(--gold);transition:width .4s ease}.quest__value{font-family:var(--serif);font-size:52px;font-weight:700;line-height:1;color:var(--gold)}.quest__actions{pointer-events:auto;margin-top:4px}.btn--inline{width:auto;padding:12px 28px}.quest--whisper{top:30%;bottom:auto;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-shadow:0 2px 14px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.9)}.quest--whisper .quest__kicker{color:#d4af37b3}.quest--whisper .quest__title{font-style:italic;font-weight:500;font-size:clamp(20px,5.4vw,26px);color:#f4efe4eb;animation:whisperIn 1.4s ease both}.quest--whisper .quest__hint{font-family:var(--serif);font-style:italic;color:var(--gold);animation:whisperIn 1.4s ease .9s both}.speech{position:fixed;top:0;left:0;z-index:15;pointer-events:auto;width:min(320px,78vw);margin-top:-14px;background:#0a1e15eb;border:1px solid var(--gold);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:opacity .3s ease;box-shadow:0 8px 30px #00000080}.speech:after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:#0a1e15eb;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}.speech__text{font-family:var(--serif);font-size:16.5px;line-height:1.45;color:var(--ink)}.speech__text--em{font-style:italic;color:var(--gold)}.speech__form{display:flex;flex-direction:column;gap:8px}.input--speech{margin-bottom:0;padding:11px 13px;font-size:16px}@keyframes whisperIn{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}.chips{display:flex;flex-direction:column;gap:8px}.chip{padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:#10352a99;color:var(--ink-muted);font-size:14px;text-align:left;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.chip--on{border-color:var(--gold);color:var(--ink);background:#d4af3724}.chip--on:before{content:"✦ ";color:var(--gold)}.form{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-top:4px}.consent{font-size:13px;color:var(--ink-muted);font-style:italic;margin:6px 0 8px}.code-line--big strong{font-size:24px;font-family:var(--serif);letter-spacing:.1em}.panel--compact{max-height:none}