:root{--bg-0: #050813;--bg-1: #0a1230;--bg-2: #1a2856;--rose-gold: #8db2e8;--rose-gold-hi: #c0d6f5;--champagne: #e8eff9;--bloom: #4f6aaf;--bloom-soft: #8ea1d8;--text: #e8eef8;--text-muted: rgba(232, 238, 248, .6);--text-dim: rgba(232, 238, 248, .4);--glass: rgba(232, 238, 248, .06);--glass-strong: rgba(232, 238, 248, .1);--glass-stroke: rgba(232, 238, 248, .16);--glass-stroke-strong: rgba(232, 238, 248, .28);--danger: #e25c6b;--success: #a9d6a3;--shadow-deep: 0 30px 70px -20px rgba(0, 0, 0, .65);--shadow-glow: 0 24px 60px -12px rgba(141, 178, 232, .28);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--sans: "Inter", "Comfortaa", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg-0);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}body{background:radial-gradient(ellipse at 20% 0%,var(--bg-2) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,#1f3a7a 0%,transparent 55%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 60%,#02050d 100%);background-attachment:fixed}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}#bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#screen-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;padding:calc(20px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));overflow:hidden}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;font-size:inherit}input{font-family:inherit;color:inherit;border:none;outline:none;background:transparent}h1,h2,h3,h4,p{margin:0}.serif{font-family:var(--serif);font-weight:400;letter-spacing:.005em}.serif-italic{font-family:var(--serif);font-style:italic;font-weight:400}.glass{background:var(--glass);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--glass-stroke);border-radius:24px;box-shadow:var(--shadow-deep)}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;min-height:54px;border-radius:4px;font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#060c1d;background:var(--rose-gold);transition:transform .18s ease;will-change:transform,box-shadow;cursor:pointer;animation:btn-breathe 3.2s ease-in-out infinite}@keyframes btn-breathe{0%,to{box-shadow:0 12px 32px -10px #6e96dc73,0 0 #8db2e800,inset 0 1px #ffffff59,inset 0 -1px #0000002e}50%{box-shadow:0 14px 40px -8px #6e96dca6,0 0 0 5px #8db2e82e,inset 0 1px #ffffff73,inset 0 -1px #0000002e}}.btn-primary:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%);opacity:.7}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;pointer-events:none;filter:grayscale(.4)}.btn-ghost{padding:12px 22px;color:var(--text-muted);font-size:11px;letter-spacing:3px;text-transform:uppercase;border-radius:999px;border:1px solid var(--glass-stroke);background:#e8eef808;transition:color .2s ease,border-color .2s ease}.btn-ghost:hover{color:var(--text);border-color:var(--glass-stroke-strong)}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.muted{color:var(--text-muted);font-size:13px;letter-spacing:.2px}.dim{color:var(--text-dim);font-size:12px}.text-center{text-align:center}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;color:var(--rose-gold);opacity:.7}.ornament:before,.ornament:after{content:"";flex:1;height:1px;max-width:80px;background:linear-gradient(90deg,transparent,currentColor,transparent)}.ornament-diamond{width:6px;height:6px;transform:rotate(45deg);background:currentColor;opacity:.8}.fx-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.fx-confetti span{position:absolute;top:-20px;will-change:transform,opacity}.screen-villain{flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:28px 8px 8px}.villain-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:8px 6px}.villain-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:7px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.villain-laugh{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(56px,18vw,104px);line-height:.95;letter-spacing:-.01em;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold-hi) 55%,var(--rose-gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.villain-laugh .char{display:inline-block}.villain-body{display:flex;flex-direction:column;gap:10px;max-width:30ch;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;color:var(--text)}.villain-body em{font-style:italic;color:var(--rose-gold-hi);font-weight:500}.villain-question{margin-top:4px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:24px;color:var(--champagne);letter-spacing:.01em}.villain-foot{display:flex;justify-content:center;padding:6px 0 4px}.screen-briefing{flex:1;display:flex;flex-direction:column;gap:16px;overflow:hidden}.briefing-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:10px 6px}.briefing-eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.briefing-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,10vw,48px);line-height:1.05;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,#4f6aaf 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em}.briefing-body{display:flex;flex-direction:column;gap:12px;max-width:32ch;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.55;color:var(--text)}.briefing-body em{font-style:italic;color:var(--rose-gold-hi);font-weight:500}.briefing-question{margin-top:2px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:20px;color:var(--champagne)}.briefing-foot{display:flex;justify-content:center;padding:4px 0}.screen-welcome{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:24px 4px}.welcome-top{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:20px}.welcome-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(56px,17vw,96px);line-height:.95;letter-spacing:-.01em;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,#4a6cb0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 30px rgba(141,178,232,.18)}.welcome-title .char{display:inline-block;will-change:transform,opacity,filter}.welcome-age{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;color:var(--rose-gold);letter-spacing:.05em}.welcome-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;border:1px solid var(--glass-stroke-strong);box-shadow:0 20px 60px -15px #000000b3;filter:saturate(.95) contrast(1.05)}.welcome-center{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}.countdown{display:flex;gap:8px}.countdown-cell{min-width:64px;padding:14px 10px 12px;border-radius:4px;text-align:center;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-stroke);position:relative}.countdown-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(141,178,232,.1),transparent 40%)}.countdown-cell .num{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1;display:block;color:var(--champagne);letter-spacing:-.01em}.countdown-cell .lbl{display:block;margin-top:8px;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.welcome-today-banner{padding:12px 24px;border-radius:999px;background:linear-gradient(90deg,#8db2e82e,#4f6aaf33);border:1px solid rgba(141,178,232,.4);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--champagne)}.welcome-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.screen-map{flex:1;display:flex;flex-direction:column;gap:14px;overflow:hidden}.map-header{display:flex;flex-direction:column;gap:6px;padding:0 2px 2px;align-items:center;text-align:center}.map-header h2{font-family:var(--serif);font-style:italic;font-size:26px;font-weight:500;color:var(--champagne);letter-spacing:-.005em}.journey{position:relative;flex:1;min-height:420px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 30% 20%,rgba(141,178,232,.08),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(79,106,175,.08),transparent 50%),#0000002e;border:1px solid var(--glass-stroke);box-shadow:inset 0 1px #ffffff0a}.journey:before,.journey:after{content:"";position:absolute;width:14px;height:14px;border:1px solid rgba(141,178,232,.35);pointer-events:none}.journey:before{top:8px;left:8px;border-right:none;border-bottom:none}.journey:after{bottom:8px;right:8px;border-left:none;border-top:none}.journey-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.journey-path .path-bg{fill:none;stroke:#8db2e82e;stroke-width:.6;stroke-dasharray:1.6 2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.journey-path .path-fg{fill:none;stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(141,178,232,.5))}.journey-anchor{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;background:#0006;border:1px solid var(--glass-stroke-strong);color:var(--rose-gold);font-size:11px}.journey-anchor.start{background:radial-gradient(circle,#8db2e866,#0000004d);border-color:var(--rose-gold);color:var(--champagne)}.journey-anchor.end{width:28px;height:28px;background:radial-gradient(circle,#4f6aaf73,#0000004d);border-color:var(--bloom);color:var(--bloom-soft)}.journey-anchor.end svg{width:16px;height:14px}.waypoint{position:absolute;width:54px;height:54px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer}.waypoint-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;border:1px solid var(--glass-stroke-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.waypoint-ring:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px dashed rgba(141,178,232,.25);pointer-events:none}.waypoint-inner{position:relative;font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;line-height:1;color:var(--rose-gold);z-index:1;letter-spacing:-.02em;transition:color .3s ease}.waypoint .check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--success);color:#0b2012;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;z-index:2;box-shadow:0 2px 8px #0006}.waypoint[data-state=done] .waypoint-ring{border-color:#8db2e899;background:radial-gradient(circle,#8db2e838,#00000059)}.waypoint[data-state=done] .waypoint-inner{color:var(--champagne)}.waypoint[data-state=active] .waypoint-ring{border-color:var(--rose-gold-hi);background:radial-gradient(circle,#c0d6f552,#0000004d);box-shadow:0 0 0 6px #8db2e81f,0 0 36px #8db2e880}.waypoint[data-state=active] .waypoint-inner{color:var(--champagne)}.waypoint[data-state=active] .waypoint-ring:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(141,178,232,.45);animation:wp-ripple 2.4s ease-out infinite;pointer-events:none}@keyframes wp-ripple{0%{transform:scale(.85);opacity:.85}to{transform:scale(1.6);opacity:0}}.waypoint[data-state=locked]{opacity:.35;filter:grayscale(.4);cursor:default}.waypoint:not([data-state=locked]):active{transform:translate(-50%,-50%) scale(.94)}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--rose-gold);box-shadow:0 0 6px #8db2e899;transform:translate(-50%,-50%);animation:spark-twinkle 3.5s ease-in-out infinite}@keyframes spark-twinkle{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(.7)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.map-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0 2px}.map-cta-note{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose-gold);opacity:.85}.map-finale-hint{font-size:12px;color:var(--text-muted);text-align:center;max-width:28ch;line-height:1.5}.screen-task{flex:1;display:flex;flex-direction:column;gap:18px;overflow-y:auto;scrollbar-width:none}.screen-task::-webkit-scrollbar{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.page-back{width:38px;height:38px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-stroke);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:18px}.page-step{font-size:10px;letter-spacing:4px;color:var(--text-muted);text-transform:uppercase}.task-hero{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-top:4px}.task-numeral{width:88px;height:88px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:50px;color:var(--rose-gold);background:radial-gradient(ellipse at 50% 50%,rgba(141,178,232,.18),transparent 70%),#0003;border:1px solid var(--glass-stroke-strong);border-radius:6px;letter-spacing:-.03em;position:relative}.task-numeral:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}.task-photo{width:100%;max-width:360px;border-radius:6px;object-fit:cover;aspect-ratio:4 / 5;border:1px solid var(--glass-stroke);box-shadow:var(--shadow-deep)}.task-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose-gold)}.task-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:32px;line-height:1.1;color:var(--champagne)}.task-question{font-family:var(--serif);font-style:italic;font-size:22px;font-weight:400;line-height:1.35;color:var(--text);max-width:30ch;margin:4px auto 0;text-align:center}.task-answer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}.text-input{width:100%;max-width:320px;text-align:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:24px;padding:14px 18px;border-radius:4px;background:var(--glass);border:1px solid var(--glass-stroke);color:var(--champagne);letter-spacing:.01em;transition:border-color .2s ease,box-shadow .2s ease}.text-input::placeholder{color:var(--text-dim);font-style:italic;font-weight:400}.text-input:focus{border-color:var(--rose-gold);box-shadow:0 0 0 6px #8db2e81a}.text-input.is-error{border-color:var(--danger);box-shadow:0 0 0 6px #e25c6b1f}.text-input.is-success{border-color:var(--success);box-shadow:0 0 0 6px #a9d6a31f}.feedback{min-height:18px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);text-align:center}.feedback.is-error{color:var(--danger)}.feedback.is-hint{color:var(--rose-gold)}.task-choices{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;margin:4px auto 0}.choice-btn{width:100%;padding:16px 20px;border-radius:4px;background:var(--glass);border:1px solid var(--glass-stroke);color:var(--text);font-family:var(--serif);font-style:italic;font-weight:400;font-size:17px;text-align:left;display:flex;align-items:center;gap:14px;transition:all .2s ease;position:relative}.choice-btn .marker{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid var(--glass-stroke-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;font-family:var(--sans);letter-spacing:1px;color:var(--rose-gold)}.choice-btn:not(:disabled):active{transform:scale(.985)}.choice-btn.is-correct{border-color:var(--success);background:#a9d6a31a}.choice-btn.is-correct .marker{border-color:var(--success);color:var(--success)}.choice-btn.is-wrong{border-color:var(--danger);background:#e25c6b14;opacity:.75}.choice-btn.is-wrong .marker{border-color:var(--danger);color:var(--danger)}.task-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:8px}.screen-reward{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:16px 4px}.reward-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose-gold)}.reward-card{position:relative;width:100%;max-width:360px;padding:32px 24px;border-radius:6px;background:linear-gradient(160deg,#e8eef814,#e8eef805);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-stroke-strong);box-shadow:var(--shadow-deep),0 0 60px -20px #8db2e866;overflow:hidden}.reward-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(141,178,232,.18) 60deg,transparent 130deg,rgba(79,106,175,.16) 200deg,transparent 270deg);animation:shimmer-spin 14s linear infinite;pointer-events:none;opacity:.7}.reward-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%);pointer-events:none}.reward-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}.reward-heading{font-family:var(--serif);font-style:italic;font-size:26px;font-weight:500;color:var(--champagne)}.reward-hint{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;color:var(--text);white-space:pre-wrap}.reward-cta-note{margin-top:-4px;max-width:30ch;font-size:13px;color:var(--text-muted);line-height:1.5}@keyframes shimmer-spin{to{transform:rotate(360deg)}}.screen-unlock{flex:1;display:flex;flex-direction:column;gap:24px;overflow:hidden}.unlock-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:8px 4px}.unlock-numeral{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:44px;color:var(--rose-gold);border:1px solid var(--glass-stroke);background:#0000002e;border-radius:6px;letter-spacing:-.03em}.unlock-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:28px;color:var(--champagne);max-width:18ch;line-height:1.15}.unlock-sub{max-width:28ch;font-size:14px;color:var(--text-muted);line-height:1.5}.code-cells{display:flex;gap:clamp(4px,1.5vw,8px);margin-top:8px;max-width:100%}.code-cell{flex:0 1 auto;width:clamp(28px,9vw,44px);height:clamp(40px,13vw,56px);border-radius:4px;background:var(--glass);border:1px solid var(--glass-stroke);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(20px,6vw,28px);color:var(--champagne);text-transform:uppercase;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.code-cell.is-active{border-color:var(--rose-gold);box-shadow:0 0 0 4px #8db2e826}.code-cell.is-error{border-color:var(--danger);box-shadow:0 0 0 4px #e25c6b2e;animation:cell-shake .5s}.code-cell.is-success{border-color:var(--success);box-shadow:0 0 0 4px #a9d6a32e}@keyframes cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.code-input-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.unlock-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto}.screen-minigame{flex:1;display:flex;flex-direction:column;gap:14px;overflow:hidden}.mg-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px}.mg-stat{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:4px;background:var(--glass);border:1px solid var(--glass-stroke);min-width:76px}.mg-stat .v{font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;line-height:1;color:var(--champagne)}.mg-stat .l{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-top:6px}.mg-field{position:relative;flex:1;border-radius:6px;background:radial-gradient(ellipse at 50% 100%,rgba(79,106,175,.18),transparent 60%),radial-gradient(ellipse at 30% 0%,rgba(141,178,232,.1),transparent 50%),#00000040;border:1px solid var(--glass-stroke);overflow:hidden;touch-action:manipulation}.mg-heart{position:absolute;top:-50px;width:40px;height:36px;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(79,106,175,.55));will-change:transform,opacity;-webkit-user-select:none;user-select:none}.mg-heart svg{width:100%;height:100%;display:block}.mg-heart.is-caught{pointer-events:none}.mg-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px;gap:14px;background:radial-gradient(ellipse at 50% 30%,rgba(141,178,232,.1),transparent 65%),#050814d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:2}.mg-banner-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.mg-banner-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(24px,7vw,30px);line-height:1.15;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,#4f6aaf 100%);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:18ch}.mg-banner-sub{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--text);max-width:26ch;line-height:1.5}.mg-banner .btn-primary{margin-top:6px}.screen-intro{flex:1;display:flex;flex-direction:column;gap:18px;overflow:hidden}.intro-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:18px 6px}.intro-numeral{width:104px;height:104px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:60px;color:var(--rose-gold);background:radial-gradient(ellipse at 50% 50%,rgba(141,178,232,.22),transparent 70%),#0003;border:1px solid var(--glass-stroke-strong);border-radius:6px;letter-spacing:-.03em;position:relative;box-shadow:0 20px 50px -20px #8db2e866}.intro-numeral:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%);pointer-events:none}.intro-eyebrow{font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.intro-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(28px,8vw,36px);line-height:1.1;color:var(--champagne);max-width:20ch}.intro-body{display:flex;flex-direction:column;gap:10px;max-width:32ch;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.55;color:var(--text)}.intro-foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px}.quiz-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 4px}.quiz-dot{width:28px;height:2px;background:#e8eef826;border-radius:2px;transition:background .25s ease,transform .25s ease}.quiz-dot.is-active{background:var(--rose-gold);transform:scaleY(2)}.quiz-dot.is-done{background:var(--rose-gold-hi)}.quiz-stage{display:flex;flex-direction:column;gap:16px;align-items:center}.quiz-count{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);text-align:center}.quiz-done{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0}.quiz-done h3{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--champagne);font-weight:500}.screen-jigsaw{flex:1;display:flex;flex-direction:column;gap:14px;overflow:hidden}.jig-title-row{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.jig-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:26px;color:var(--champagne)}.jig-board-wrap{display:flex;justify-content:center;align-items:center;padding:4px 0}.jig-board{position:relative;display:grid;width:100%;max-width:min(88vw,380px);padding:6px;gap:3px;background:radial-gradient(ellipse at 30% 20%,rgba(141,178,232,.12),transparent 60%),#0000004d;border:1px solid var(--glass-stroke-strong);border-radius:6px;box-shadow:var(--shadow-deep)}.jig-content{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;min-height:0}.jig-hint{text-align:center;font-size:12px;color:var(--text-muted);letter-spacing:.02em;padding:0 6px}.swap-board{position:relative;width:100%;max-width:min(88vw,380px);background:radial-gradient(ellipse at 30% 20%,rgba(141,178,232,.12),transparent 60%),#0000004d;border:1px solid var(--glass-stroke-strong);border-radius:6px;box-shadow:var(--shadow-deep);overflow:hidden;touch-action:manipulation}.swap-piece{position:absolute;background-repeat:no-repeat;cursor:pointer;transition:box-shadow .25s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;will-change:left,top,transform}.swap-piece:active{transform:scale(.97)}.swap-piece.is-selected{z-index:2;box-shadow:inset 0 0 0 2px var(--rose-gold-hi),0 8px 24px -6px #8db2e88c}.swap-piece.is-locked{cursor:default;pointer-events:none}.swap-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:3;pointer-events:none;border-radius:inherit}.jig-cell{position:relative;background:#e8eef808;border:1px dashed rgba(232,238,248,.12);border-radius:3px;transition:border-color .2s ease,background .2s ease,box-shadow .25s ease}.jig-cell.is-hover{border-color:var(--rose-gold-hi);background:#c0d6f51a}.jig-cell.is-filled{border:1px solid rgba(141,178,232,.3);background:transparent}.jig-tray-label{text-align:center;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.jig-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;padding:6px 4px 2px;min-height:74px}.jig-piece{width:62px;height:62px;border-radius:4px;background-size:300% 300%;background-repeat:no-repeat;border:1px solid var(--glass-stroke-strong);box-shadow:0 6px 14px -4px #0000008c;cursor:grab;touch-action:none;will-change:transform;transition:transform .15s ease,box-shadow .2s ease}.jig-piece:active{cursor:grabbing}.jig-piece.is-dragging{opacity:.25}.jig-piece.is-placed{border-color:#8db2e859;box-shadow:none;cursor:default;border-radius:2px}.jig-ghost{position:fixed;z-index:50;pointer-events:none;background-size:300% 300%;background-repeat:no-repeat;border:1px solid var(--rose-gold-hi);border-radius:4px;box-shadow:0 18px 40px -10px #c0d6f599;will-change:transform}.screen-wait{flex:1;display:flex;flex-direction:column;gap:16px;overflow:hidden}.wait-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:12px 6px 24px}.wait-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:7px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.wait-ring{position:relative;width:clamp(220px,60vw,280px);height:clamp(220px,60vw,280px)}.wait-ring svg{width:100%;height:100%;display:block;position:relative;z-index:1}.wait-ring-fg{filter:drop-shadow(0 0 12px rgba(141,178,232,.5));transition:stroke-dashoffset .2s linear}.wait-ring-aura{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(141,178,232,.28),transparent 62%);filter:blur(14px);pointer-events:none;opacity:.55;z-index:0}.wait-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:2}.wait-numeral{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(48px,14vw,64px);color:var(--rose-gold);letter-spacing:-.03em;line-height:1}.wait-seconds{display:flex;align-items:baseline;gap:3px;font-family:var(--serif);font-style:italic;color:var(--champagne)}.wait-seconds span{font-size:28px;font-weight:500}.wait-seconds .u{font-size:15px;color:var(--text-muted);margin-left:2px}.wait-line{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(18px,5.2vw,22px);line-height:1.4;color:var(--text);max-width:26ch;letter-spacing:.005em;min-height:2.6em;will-change:opacity,transform}.mg-word{display:flex;justify-content:center;gap:clamp(3px,1.2vw,6px);padding:2px 2px 0}.mg-slot{flex:1 1 0;max-width:clamp(28px,10vw,42px);aspect-ratio:3 / 4;border-radius:4px;background:var(--glass);border:1px solid var(--glass-stroke);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(16px,5vw,22px);color:var(--rose-gold);letter-spacing:-.02em;position:relative;transition:border-color .3s ease,background .3s ease}.mg-slot-ch{opacity:0;transform:translateY(6px) scale(.8)}.mg-slot.is-revealed{border-color:var(--rose-gold-hi);background:radial-gradient(ellipse at 50% 50%,rgba(192,214,245,.18),transparent 70%),#00000026;color:var(--champagne)}.mg-slot.is-revealed .mg-slot-ch{opacity:1;transform:none}.mg-word-big{display:flex;gap:6px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(36px,10vw,52px);letter-spacing:.02em;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,var(--bloom) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mg-word-big span{display:inline-block;will-change:transform,opacity}.screen-phrase{flex:1;display:flex;flex-direction:column;gap:16px;overflow:hidden}.phrase-entry-stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px 4px 4px;overflow-y:auto;scrollbar-width:none}.phrase-entry-stage::-webkit-scrollbar{display:none}.phrase-entry-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.phrase-entry-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(30px,9vw,42px);line-height:1.05;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,#4f6aaf 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.phrase-entry-sub{max-width:32ch;font-size:13px;color:var(--text-muted);line-height:1.55}.phrase-rows{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;margin-top:6px}.phrase-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:12px 14px;border-radius:6px;background:var(--glass);border:1px solid var(--glass-stroke);transition:border-color .25s ease,box-shadow .25s ease}.phrase-row.is-fixed{background:radial-gradient(ellipse at 50% 50%,rgba(192,214,245,.12),transparent 70%),#0000002e;border-color:var(--glass-stroke-strong)}.phrase-row-num{font-family:var(--serif);font-style:italic;font-weight:500;font-size:18px;color:var(--rose-gold);text-align:center;letter-spacing:-.02em}.phrase-row-input{width:100%;font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;color:var(--champagne);padding:6px 0;letter-spacing:.01em;text-transform:uppercase}.phrase-row-input::placeholder{color:var(--text-dim);font-style:italic}.phrase-row-fixed{font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;color:var(--rose-gold-hi);letter-spacing:.01em;text-transform:uppercase}.phrase-row.is-error{border-color:var(--danger);box-shadow:0 0 0 4px #e25c6b1f}.phrase-row.is-success{border-color:var(--success);box-shadow:0 0 0 4px #a9d6a329}.phrase-foot{display:flex;justify-content:center;padding:4px 0}.screen-finale{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:24px 8px;overflow-y:auto;scrollbar-width:none}.screen-finale::-webkit-scrollbar{display:none}.phrase-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 4px;max-width:100%}.phrase-eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--rose-gold);font-weight:500}.phrase-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 14px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(30px,9vw,46px);line-height:1.1;max-width:100%}.phrase-w{background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,var(--bloom) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform,opacity}.phrase-sep{color:var(--rose-gold);opacity:.6;font-size:.55em;transform:translateY(-.15em)}.letter-stage{display:flex;flex-direction:column;align-items:center;gap:22px;padding:10px 4px}.finale-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose-gold)}.finale-photo{width:160px;height:200px;object-fit:cover;border-radius:6px;border:1px solid var(--glass-stroke-strong);box-shadow:var(--shadow-deep);filter:saturate(.95)}.finale-title{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,10vw,46px);line-height:1.05;background:linear-gradient(170deg,var(--champagne) 0%,var(--rose-gold) 60%,var(--bloom) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:16ch}.finale-body{display:flex;flex-direction:column;gap:14px;max-width:32ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:18px;line-height:1.55;color:var(--text)}.finale-signature{margin-top:4px;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--rose-gold);letter-spacing:.05em}