:root{--bg: #0a0410;--bg-2: #140a1f;--panel: #1a0e29;--ink: #f3ecff;--muted: #9a86b8;--red: #ff2d55;--red-deep: #c1121f;--pink: #ff5da2;--green: #39d353;--orange: #ff8c1a;--line: rgba(255, 45, 85, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif;overscroll-behavior:none}#app{min-height:100%;position:relative;z-index:0}body:before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(42% 32% at 18% 20%,rgba(255,45,85,.3),transparent 70%),radial-gradient(38% 32% at 84% 14%,rgba(177,92,255,.22),transparent 70%),radial-gradient(50% 38% at 74% 90%,rgba(255,93,162,.2),transparent 70%);filter:blur(22px);animation:bg-drift 34s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,45,85,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,45,85,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000,transparent 80%);mask-image:radial-gradient(circle at 50% 38%,#000,transparent 80%);opacity:.55;animation:bg-grid 26s linear infinite}@keyframes bg-drift{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}to{transform:translate3d(3%,3%,0) scale(1.16)}}@keyframes bg-grid{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@media (prefers-reduced-motion: reduce){body:before,body:after{animation:none}}.confetti-canvas{position:fixed;inset:0;z-index:60;pointer-events:none}.ms-grid.graying .ms-cell{transition:background .5s ease,color .35s ease,box-shadow .5s ease;background:#241a30!important;color:transparent!important;box-shadow:none!important}.morph-token{position:fixed;z-index:55;display:grid;place-items:center;border-radius:8px;font-weight:800;color:#fff;background:var(--red);box-shadow:0 0 20px #ff2d55d9;pointer-events:none;transition:transform .62s cubic-bezier(.5,0,.2,1),opacity .3s ease;will-change:transform}.morph-token.five{background:var(--pink);box-shadow:0 0 20px #ff5da2d9}.su-grid.assemble{animation:su-assemble .62s cubic-bezier(.16,1,.3,1) both}@keyframes su-assemble{0%{transform:scale(.82);filter:blur(6px)}55%{filter:blur(0);box-shadow:0 0 46px #ff2d558c}to{transform:scale(1);filter:blur(0);box-shadow:0 0 #ff2d5500}}#app>*{animation:page-enter .44s cubic-bezier(.16,1,.3,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(22px) scale(.965);filter:blur(7px)}55%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#app>*{animation:page-fade .22s ease both}}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:8px}.topbar .title{font-size:20px;font-weight:700;letter-spacing:.5px}.btn-back{appearance:none;border:1px solid var(--red);background:var(--panel);color:var(--ink);border-radius:12px;padding:8px 14px;font-size:16px;font-weight:700;box-shadow:0 0 12px #ff2d5566,inset 0 0 10px #ff2d551f;text-shadow:0 0 8px rgba(255,45,85,.55)}.btn-back:active{transform:scale(.96);box-shadow:0 0 20px #ff2d55a6}.home{gap:18px;justify-content:center}.home-hero{text-align:center;padding:8px 0 4px}.home-hero .kanji{font-size:30px;font-weight:800;color:var(--red);text-shadow:0 0 18px rgba(255,45,85,.55);letter-spacing:2px;margin-top:14px}.home-hero .logo{color:var(--red);filter:drop-shadow(0 0 7px rgba(255,45,85,.9)) drop-shadow(0 0 20px rgba(255,45,85,.55)) drop-shadow(0 0 44px rgba(255,45,85,.35));animation:logo-pulse 3.4s ease-in-out infinite}.home-hero .logo svg{width:100%;max-width:236px;height:auto;display:block;margin:0 auto}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 7px rgba(255,45,85,.9)) drop-shadow(0 0 20px rgba(255,45,85,.55)) drop-shadow(0 0 44px rgba(255,45,85,.35))}50%{filter:drop-shadow(0 0 9px rgba(255,45,85,1)) drop-shadow(0 0 30px rgba(255,45,85,.7)) drop-shadow(0 0 60px rgba(255,45,85,.45))}}@media (prefers-reduced-motion: reduce){.home-hero .logo{animation:none}}.home-hero .sub{margin-top:10px;color:var(--muted);letter-spacing:4px;font-size:12px;text-transform:uppercase}.tiles{display:grid;gap:14px;margin-top:6px}.tile{position:relative;display:flex;align-items:center;gap:16px;padding:20px 18px;border-radius:18px;background:linear-gradient(160deg,var(--panel),var(--bg-2));border:1px solid var(--red);color:var(--ink);text-decoration:none;box-shadow:0 8px 30px #0006,0 0 20px #ff2d5538,inset 0 0 16px #ff2d5514;overflow:hidden}button.tile{width:100%;font:inherit;text-align:start}.tile.tile-locked{border-color:#9a86b88c;color:#f3ecffb8;cursor:pointer;box-shadow:0 8px 30px #0006,inset 0 0 18px #9a86b814;animation:none}.tile.tile-locked:hover,.tile.tile-locked:focus-visible{border-color:var(--pink);color:var(--ink);box-shadow:0 0 24px #ff2d5561,inset 0 0 22px #ff2d551f}.tile.tile-locked .glyph-neon{filter:grayscale(.7) drop-shadow(0 0 7px rgba(154,134,184,.55))}.tile.tile-locked .jp{color:var(--muted);text-shadow:0 0 10px rgba(154,134,184,.48)}.quiz-denied-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px),#05000ceb}.quiz-denied-overlay[hidden]{display:none}.quiz-denied-overlay.is-active{animation:quiz-denied-overlay 2.8s cubic-bezier(.16,1,.3,1) both}.quiz-denied-overlay:before,.quiz-denied-overlay:after{content:"";position:absolute;inset:-15%;pointer-events:none}.quiz-denied-overlay:before{background:radial-gradient(circle,rgba(255,45,85,.32),transparent 58%);transform:scale(.8)}.quiz-denied-overlay:after{border-block:2px solid rgba(88,247,255,.65);transform:translateY(-14%);opacity:.3}.quiz-denied-card{position:relative;z-index:1;width:min(100%,520px);min-height:230px;display:grid;place-items:center;align-content:center;padding:30px 20px;border:1px solid var(--red);background:#14041feb;box-shadow:0 0 34px #ff2d558c,inset 0 0 30px #ff2d551f;isolation:isolate}.is-active .quiz-denied-card{animation:quiz-denied-card-in .48s cubic-bezier(.16,1,.3,1) both}.quiz-denied-code{position:absolute;inset-block-start:16px;color:#58f7ff;font-size:11px;font-weight:800;letter-spacing:4px;text-shadow:0 0 10px rgba(88,247,255,.8)}.quiz-denied-countdown.countdown{margin:0}.quiz-denied-countdown .cd-cap{color:var(--pink);font-weight:800}.quiz-denied-countdown .cd-seg b{font-size:clamp(30px,9vw,48px)}.is-active .quiz-denied-countdown{animation:quiz-denied-countdown-out 1.55s cubic-bezier(.25,1,.5,1) both}.quiz-denied-final{position:absolute;inset:0;display:grid;place-content:center;text-align:center;opacity:0;transform:translateY(10px) scale(.96)}.quiz-denied-final b{color:var(--ink);font-size:clamp(34px,11vw,64px);line-height:.95;letter-spacing:3px;text-shadow:-2px 0 0 #58f7ff,2px 0 0 var(--red),0 0 24px rgba(255,45,85,.85)}.quiz-denied-final span{margin-block-start:16px;color:var(--pink);font-size:14px;font-weight:800;letter-spacing:5px}.is-active .quiz-denied-final{animation:quiz-denied-final 2.8s cubic-bezier(.16,1,.3,1) both}.home.quiz-denied{animation:quiz-screen-rattle .62s steps(1,end) both;will-change:translate}@keyframes quiz-screen-rattle{0%,to{translate:0 0}12%{translate:-5px 2px}24%{translate:6px -2px}36%{translate:-4px -3px}48%{translate:5px 3px}60%{translate:-3px 1px}72%{translate:3px -2px}84%{translate:-1px 1px}}@keyframes quiz-denied-overlay{0%{opacity:0}7%,86%{opacity:1}to{opacity:0}}@keyframes quiz-denied-card-in{0%{opacity:0;transform:scale(.84) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes quiz-denied-countdown-out{0%,48%{opacity:1;transform:translateY(0) scale(1)}72%,to{opacity:0;transform:translateY(-10px) scale(.96)}}@keyframes quiz-denied-final{0%,39%{opacity:0;transform:translateY(10px) scale(.96)}52%,87%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(1)}}@media (prefers-reduced-motion: reduce){.home.quiz-denied,.quiz-denied-overlay.is-active,.is-active .quiz-denied-card,.is-active .quiz-denied-countdown,.is-active .quiz-denied-final{animation:none}.quiz-denied-countdown{display:none}.quiz-denied-final{opacity:1;transform:none}}.tile .jp,.tile .label b{text-shadow:0 0 12px rgba(255,45,85,.5)}.tile:active{transform:scale(.985);box-shadow:0 0 26px #ff2d5580}.tile .glyph{flex:0 0 50px;width:50px;text-align:center}.tile .glyph-neon{display:grid;place-items:center;position:relative;isolation:isolate;opacity:1;filter:drop-shadow(0 0 5px rgba(255,45,85,.85)) drop-shadow(0 0 13px rgba(255,45,85,.42));animation:neon-icon-flicker 6.2s steps(1,end) infinite;will-change:opacity}.tile .neon-icon{width:50px;height:50px;overflow:visible;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;animation:neon-icon-jitter 5.8s steps(1,end) infinite;transform-origin:center;will-change:transform}.neon-icon use,.neon-icon path,.neon-icon circle{vector-effect:non-scaling-stroke}.neon-icon__core{color:#fff4fa;stroke:currentColor}.neon-icon__ghost{stroke:currentColor;opacity:.42;transform-box:fill-box;transform-origin:center}.neon-icon__ghost--cyan{color:#58f7ff;transform:translate(-1.5px,.8px)}.neon-icon__ghost--pink{color:var(--red);transform:translate(1.4px,-.7px)}.neon-icon__detail{color:var(--red);stroke:currentColor;stroke-width:2.15}.neon-icon--timetable .neon-icon__detail{color:#58f7ff}.neon-icon--puzzle .neon-icon__detail{color:var(--pink)}.tile:hover .glyph-neon,.tile:focus-visible .glyph-neon{filter:drop-shadow(0 0 6px rgba(88,247,255,.82)) drop-shadow(0 0 18px rgba(255,45,85,.72))}@keyframes neon-icon-flicker{0%,31%,34%,68%,71%,to{opacity:1}32%{opacity:.58}33%{opacity:.86}69%{opacity:.72}70%{opacity:.94}}@keyframes neon-icon-jitter{0%,to{transform:translateZ(0) rotate(0)}12%{transform:translate3d(.35px,-.2px,0) rotate(.15deg)}24%{transform:translate3d(-.25px,.35px,0) rotate(-.12deg)}39%{transform:translate3d(.55px,.1px,0) rotate(.2deg)}52%{transform:translate3d(-.4px,-.25px,0) rotate(-.18deg)}67%{transform:translate3d(.2px,.4px,0) rotate(.1deg)}82%{transform:translate3d(-.5px,.05px,0) rotate(-.16deg)}93%{transform:translate3d(.25px,-.3px,0) rotate(.12deg)}}.tile:nth-child(1) .glyph-neon,.tile:nth-child(1) .neon-icon{animation-delay:-1.1s}.tile:nth-child(2) .glyph-neon,.tile:nth-child(2) .neon-icon{animation-delay:-3.4s}.tile:nth-child(3) .glyph-neon,.tile:nth-child(3) .neon-icon{animation-delay:-5.2s}@media (prefers-reduced-motion: reduce){.tile .glyph-neon,.tile .neon-icon{animation:none}}.tile .label{display:flex;flex-direction:column}.tile .label b{font-size:18px}.tile .label span{color:var(--muted);font-size:13px}.tile .jp{margin-left:auto;font-size:22px;color:var(--red);opacity:.85}.viewer{position:fixed;inset:0;background:#000;overflow:hidden}.viewer.has-footer{overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.viewer-stage{position:relative;width:100%;height:100dvh;min-height:32rem;overflow:hidden;touch-action:none}.viewer img{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-drag:none;max-width:none}.viewer .viewer-bar{position:absolute;top:0;left:0;right:0;padding:calc(var(--safe-top) + 8px) 12px 8px;display:flex;gap:10px;align-items:center;background:linear-gradient(#000a,#0000);z-index:2}.dj-jump{min-width:64px;min-height:44px;margin-inline-start:auto;padding:8px 12px;border:1px solid var(--red);border-radius:12px;color:var(--ink);background:#1a0e29e6;font:inherit;font-size:.9rem;font-weight:800;box-shadow:0 0 12px #ff2d5547}.dj-jump:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.viewer .hint{position:absolute;bottom:calc(var(--safe-bottom) + 14px);left:0;right:0;text-align:center;color:#ffffffb0;font-size:12px;pointer-events:none}.dj-section{position:relative;z-index:3;width:min(100%,44rem);margin-inline:auto;padding:30px 16px calc(var(--safe-bottom) + 32px);background:linear-gradient(180deg,rgba(10,4,16,.94),var(--bg)),radial-gradient(circle at 80% 0,rgba(255,45,85,.2),transparent 48%);border-block-start:1px solid var(--line)}.dj-kicker{margin:0 0 6px;color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.16em}.dj-section h2{margin:0;font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.15;text-shadow:0 0 18px rgba(255,45,85,.5)}.dj-copy{margin:8px 0 22px;color:var(--muted);line-height:1.5}.dj-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.dj-card{padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1a0e29f5,#0a0410fa);box-shadow:inset 0 0 20px #ff2d5514}.dj-card h3{margin:0 0 12px;font-size:1.1rem;line-height:1.25}.dj-profile-links{display:flex;flex-wrap:wrap;gap:10px}.dj-profile-link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--red);border-radius:12px;color:var(--ink);background:#ff2d551a;font-size:.9rem;font-weight:750;text-decoration:none;box-shadow:0 0 12px #ff2d552e}.dj-profile-link:hover,.dj-profile-link:focus-visible{background:#ff2d5533;box-shadow:0 0 20px #ff2d5566}.dj-profile-link:focus-visible{outline:3px solid var(--pink);outline-offset:3px}@media (min-width: 36rem){.dj-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.center{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted)}.a2hs{position:fixed;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);max-width:440px;margin:0 auto;z-index:45;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,var(--panel),var(--bg-2));border:1px solid var(--red);box-shadow:0 10px 40px #0000008c,0 0 22px #ff2d554d;animation:a2hs-up .44s cubic-bezier(.16,1,.3,1) both}@keyframes a2hs-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.a2hs-icon{font-size:26px;filter:drop-shadow(0 0 8px rgba(255,45,85,.5))}.a2hs-logo{width:42px;height:42px;border-radius:10px;flex:none;filter:drop-shadow(0 0 8px rgba(255,45,85,.45))}.a2hs-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.a2hs-text b{font-size:15px}.a2hs-text>span{color:var(--muted);font-size:12.5px;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.a2hs-text span svg{color:var(--ink);vertical-align:middle}.a2hs-install{appearance:none;border:1px solid var(--red);background:var(--red);color:#fff;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 0 16px #ff2d5599}.a2hs-guide{appearance:none;border:1px solid var(--red);background:var(--red);color:#fff;border-radius:10px;min-height:40px;padding:8px 11px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 0 16px #ff2d5573}.a2hs-close{appearance:none;border:none;background:none;color:var(--muted);font-size:16px;padding:4px 6px;line-height:1}.a2hs-modal{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:#04000cd1;backdrop-filter:blur(9px);overscroll-behavior:contain;animation:a2hs-fade .2s ease-out both}@keyframes a2hs-fade{0%{opacity:0}}.a2hs-dialog{width:min(100%,430px);max-height:100%;overflow:auto;padding:18px;border:1px solid var(--red);border-radius:22px;color:var(--ink);background:linear-gradient(155deg,#210d30fa,#0a0314fc);box-shadow:0 24px 70px #000000b8,0 0 34px #ff2d5552}.a2hs-dialog__header{display:grid;grid-template-columns:48px 1fr 36px;align-items:center;gap:11px;margin-bottom:18px}.a2hs-dialog__logo{width:48px;height:48px;border-radius:12px;filter:drop-shadow(0 0 10px rgba(255,45,85,.5))}.a2hs-dialog__header span{display:block;margin-bottom:3px;color:var(--pink);font-size:10px;font-weight:850;letter-spacing:.12em}.a2hs-dialog__header h2{margin:0;font-size:clamp(18px,5vw,22px);line-height:1.08}.a2hs-dialog__close{appearance:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:var(--ink);background:#ffffff0f;font-size:15px}.a2hs-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.a2hs-steps li{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:11px;padding:11px;border:1px solid rgba(255,45,85,.22);border-radius:13px;background:#ffffff09}.a2hs-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--red);font-size:15px;font-weight:900;box-shadow:0 0 14px #ff2d5573}.a2hs-steps b{display:inline-flex;align-items:center;gap:5px;font-size:14px;line-height:1.25}.a2hs-steps svg{width:17px;height:17px;color:var(--ink)}.a2hs-steps small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.a2hs-missing{margin:12px 0;padding:10px 11px;border-left:3px solid var(--pink);color:var(--muted);background:#ff2d5512;font-size:12px;line-height:1.4}.a2hs-done{appearance:none;width:100%;min-height:46px;border:1px solid var(--red);border-radius:13px;color:#fff;background:var(--red);font-size:15px;font-weight:850;box-shadow:0 0 20px #ff2d5573}@media (max-height: 690px){.a2hs-dialog{padding:14px}.a2hs-dialog__header{margin-bottom:12px}.a2hs-steps{gap:7px}.a2hs-steps li{padding:8px 10px}}.puzzle .title{font-size:18px;font-weight:700}.puzzle-intro{color:var(--muted);font-size:14px;margin:2px 2px 14px}.ms-status{text-align:center;font-weight:700;font-size:15px;min-height:22px;margin-bottom:10px;color:var(--ink)}.ms-status[data-state=lost]{color:var(--red)}.ms-status[data-state=won]{color:var(--green)}.ms-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:4px;aspect-ratio:1;width:100%;max-width:460px;margin:0 auto}.ms-cell{appearance:none;border:none;min-width:0;min-height:0;border-radius:8px;background:linear-gradient(180deg,#2a1740,#1d0f2e);box-shadow:inset 0 1px #ffffff0f,0 2px 4px #00000059;color:var(--ink);font-size:clamp(14px,4.4vw,22px);font-weight:800;display:grid;place-items:center;padding:0;transition:transform .05s}.ms-cell:active{transform:scale(.94)}.ms-cell.revealed{background:#100a1a;box-shadow:inset 0 0 0 1px #ffffff0a}.ms-cell.boom{background:var(--red-deep)}.ms-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.btn-ghost{appearance:none;border:1px solid var(--red);background:var(--panel);color:var(--ink);border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700;box-shadow:0 0 12px #ff2d5552,inset 0 0 10px #ff2d551a;text-shadow:0 0 8px rgba(255,45,85,.5)}.btn-ghost.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 20px #ff2d55bf}.btn-ghost:active{transform:scale(.96);box-shadow:0 0 22px #ff2d55b3}.sg-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:3px;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto}.sg-cell{appearance:none;border:none;min-width:0;min-height:0;border-radius:6px;background:#241a30;color:var(--ink);font-size:clamp(14px,4.4vw,22px);font-weight:700;display:grid;place-items:center;padding:0;position:relative;isolation:isolate}.sg-cell.inert{background:#1a1424;opacity:.85}.sg-cell.editable{background:#2c2038}.sg-cell.filled{color:var(--ink)}.sg-cell.selected{outline:2px solid var(--red);outline-offset:-2px}.sg-cell.coconut:before{content:"🥥";position:absolute;inset:0;display:grid;place-items:center;font-size:170%;opacity:.6;z-index:-1;pointer-events:none}.sg-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:460px;margin:16px auto 0}.kp{appearance:none;border:1px solid var(--red);background:var(--panel);color:var(--ink);border-radius:12px;padding:14px 0;font-size:20px;font-weight:800;box-shadow:0 0 10px #ff2d5547,inset 0 0 8px #ff2d551a;text-shadow:0 0 8px rgba(255,45,85,.45)}.kp:active{transform:scale(.94);background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 22px #ff2d55bf}.kp-del{color:var(--muted)}.sg-side{display:flex;gap:10px;justify-content:center;margin-top:16px}.sg-voucher-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.sg-voucher-row[hidden]{display:none}.sg-code{flex:1;max-width:240px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:12px;padding:10px 14px;font-size:16px}.sg-progress{text-align:center;color:var(--muted);font-size:14px;margin-top:16px;min-height:20px}.sg-progress[data-flash]{color:var(--green);font-weight:700}.qr-scan{position:fixed;inset:0;background:#000;z-index:50;display:grid;place-items:center}.qr-scan video{width:100%;height:100%;object-fit:cover}.qr-frame{position:absolute;width:62vw;height:62vw;max-width:320px;max-height:320px;border:3px solid var(--red);border-radius:20px;box-shadow:0 0 0 4000px #00000073}.qr-bar{position:absolute;top:0;left:0;right:0;padding:calc(var(--safe-top) + 10px) 12px 10px;display:flex;align-items:center;gap:12px}.qr-hint{color:#fff;font-size:14px;text-shadow:0 1px 3px #000}.su-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));width:100%;max-width:460px;aspect-ratio:1;margin:0 auto;border:2px solid var(--red);border-radius:10px;overflow:hidden;background:#120b1d}.su-cell{position:relative;appearance:none;border:none;min-width:0;min-height:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:var(--ink);font-size:clamp(15px,4.6vw,24px);font-weight:600;display:grid;place-items:center;padding:0;animation:su-pop .45s ease both}.su-cell.br{border-right:2px solid var(--red)}.su-cell.bb{border-bottom:2px solid var(--red)}.su-cell.given{font-weight:800;color:#fff}.su-cell.selected{outline:2px solid var(--red);outline-offset:-2px;z-index:3}.su-cell.conflict{color:var(--red)!important}.stage3 .su-cell.colored{background:color-mix(in srgb,var(--cc) 26%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cc) 70%,transparent)}.su-grid.solved{animation:su-glow .65s ease}@keyframes su-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes su-glow{50%{box-shadow:0 0 40px #39d35399}}.su-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:460px;margin:16px auto 0}.su-progress{text-align:center;color:var(--muted);font-size:14px;margin-top:14px}.stage4 .su-cell.colored{background:var(--cc)}.stage4 .su-cell.colored .d{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.su-cell .k{position:absolute;inset:0;display:grid;place-items:center;font-size:155%;font-weight:900;color:#000;z-index:0;opacity:0;animation:kanji-in .55s cubic-bezier(.2,.9,.25,1) both}.su-cell .d{position:relative;z-index:1}@keyframes kanji-in{0%{opacity:0;transform:translate(-42px,-42px) scale(.2) rotate(-12deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.reveal{text-align:center;margin:22px auto 0;max-width:460px}.reveal-logo{width:54px;margin:0 auto 7px;color:var(--red);filter:drop-shadow(0 0 6px rgba(255,45,85,.95)) drop-shadow(0 0 16px rgba(255,45,85,.5));animation:neon-icon-flicker 4.8s steps(1) infinite}.reveal-logo svg{display:block;width:100%;height:auto}.reveal-title{font-size:18px;font-weight:800;margin-top:4px}.reveal-sub{color:var(--muted);font-size:14px;margin-top:4px}.reveal-seq{display:grid;grid-template-columns:repeat(7,minmax(0,52px));gap:clamp(3px,1.4vw,8px);justify-content:center;width:100%;margin-top:16px}.seq-chip{position:relative;width:100%;min-width:0;max-width:52px;aspect-ratio:52 / 62;border-radius:clamp(8px,2.6vw,12px);background:var(--cc);display:grid;place-items:center;opacity:0;animation:kanji-in .55s cubic-bezier(.2,.9,.25,1) both}.seq-chip .sk{position:absolute;font-size:clamp(27px,9.5vw,40px);font-weight:900;color:#000;opacity:.72}.seq-chip .sd{position:relative;font-size:clamp(17px,5.4vw,22px);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.countdown{text-align:center;margin-top:26px}.cd-cap{color:var(--muted);letter-spacing:8px;font-size:12px;margin-bottom:10px;opacity:.75}.cd-clock{display:flex;align-items:flex-start;justify-content:center;gap:6px;animation:cd-flicker 5s linear infinite}.cd-seg{display:flex;flex-direction:column;align-items:center;min-width:48px}.cd-seg b{font-size:34px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,45,85,.85),0 0 24px rgba(255,45,85,.5)}.cd-seg span{font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:2px}.cd-col{font-size:30px;font-weight:800;color:var(--red);opacity:.55;text-shadow:0 0 10px rgba(255,45,85,.6);line-height:1.05}.countdown.cd-done .cd-seg b,.countdown.cd-done .cd-col{animation:cd-pulse 1.1s ease-in-out infinite}@keyframes cd-flicker{0%,to{opacity:1}91%{opacity:1}92%{opacity:.55}93%{opacity:1}96%{opacity:.7}97%{opacity:1}}@keyframes cd-pulse{50%{text-shadow:0 0 18px rgba(255,45,85,1),0 0 40px rgba(255,45,85,.7)}}@media (prefers-reduced-motion: reduce){.cd-clock{animation:none}}.admin-hotspot{position:fixed;left:0;bottom:0;width:52px;height:52px;z-index:48}.admin-toast{position:fixed;top:calc(var(--safe-top) + 14px);left:50%;transform:translate(-50%);z-index:80;background:#1a0e29;border:1px solid #ffb300;color:#ffb300;padding:8px 16px;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:1px;box-shadow:0 0 16px #ffb30066}.admin-bar{position:fixed;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 10px);max-width:440px;margin:0 auto;z-index:46;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:12px;background:#16101f;border:1px solid #ffb300;box-shadow:0 0 18px #ffb3004d}.admin-tag{color:#ffb300;font-weight:800;font-size:12px;letter-spacing:1.5px}.admin-solve{flex:1;appearance:none;border:none;background:#ffb300;color:#1a0e29;border-radius:9px;padding:10px;font-size:15px;font-weight:800}.admin-solve:active{transform:scale(.97)}.admin-off{appearance:none;border:none;background:none;color:#ffb300;font-size:16px;padding:4px 8px}body.intro-story-open{overflow:hidden}.audio-control{position:fixed;z-index:10020;top:calc(max(10px,env(safe-area-inset-top)) + 56px);right:max(10px,env(safe-area-inset-right));width:42px;height:42px;border:1px solid rgba(255,45,85,.55);border-radius:50%;background:#0a0410b8;color:#f3ecff;box-shadow:0 0 18px #ff2d5533;font:700 14px/1 system-ui,sans-serif;backdrop-filter:blur(8px)}.audio-control:active{transform:scale(.92)}.audio-control[data-audio-state=ready],.audio-control[data-audio-state=blocked]{border-color:var(--pink);box-shadow:0 0 22px #ff2d557a}.audio-control[data-audio-state=blocked]{animation:intro-cta 1.4s ease-in-out infinite}.intro-story{--intro-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;inset:0;z-index:200;overflow:hidden;isolation:isolate;color:var(--ink);background:linear-gradient(180deg,#0a0410,#140a1f);opacity:0;transform:scale(1.025);transition:opacity .55s var(--intro-ease),transform .8s var(--intro-ease)}.intro-story.is-ready{opacity:1;transform:scale(1)}.intro-story__image-wrap,.intro-story__image,.intro-story__grain,.intro-story__scan,.intro-story__flash{position:absolute;inset:0}.intro-story__image-wrap{overflow:hidden;background:#0a0410}.intro-story__image{width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(1.03) contrast(1.04);transform:scale(1.025);transition:opacity .22s ease,transform .75s var(--intro-ease),filter .25s ease;will-change:transform,opacity}.intro-story[data-step="0"] .intro-story__image{object-position:50% 40%}.intro-story[data-step="2"] .intro-story__image{object-position:50% 36%}.intro-story.is-ready .intro-story__image{animation:intro-story-breathe 7s ease-in-out infinite alternate}.intro-story.is-transitioning .intro-story__image{opacity:0;filter:saturate(1.5) brightness(1.55);transform:scale(1.09) translate3d(-.7%,0,0)}.intro-story__grain{z-index:1;pointer-events:none;opacity:.17;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),radial-gradient(circle at 20% 30%,rgba(255,93,162,.28) 0 1px,transparent 1.5px);background-size:auto,9px 9px}.intro-story__scan{z-index:2;pointer-events:none;opacity:.55;background:linear-gradient(180deg,rgba(10,4,16,.26),transparent 22%,transparent 56%,rgba(10,4,16,.96) 94%),radial-gradient(65% 36% at 50% 42%,transparent 45%,rgba(10,4,16,.38))}.intro-story__scan:after{content:"";position:absolute;left:-10%;right:-10%;height:22%;top:-24%;transform:skewY(-5deg);background:linear-gradient(transparent,rgba(255,45,85,.32),transparent);filter:blur(8px);animation:intro-story-scan 5.8s ease-in-out infinite}.intro-story__chrome{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:calc(var(--safe-top) + 16px) 18px 56px;background:linear-gradient(180deg,rgba(10,4,16,.9),transparent)}.intro-story__brand{color:var(--red);font-size:clamp(17px,5vw,23px);font-weight:900;letter-spacing:.12em;text-shadow:0 0 8px rgba(255,45,85,.85),0 0 28px rgba(255,45,85,.5)}.intro-story__brand span{display:block;margin-top:4px;color:#f3ecff9e;font-family:ui-serif,Georgia,serif;font-size:9px;font-weight:500;letter-spacing:.48em}.intro-story__skip{appearance:none;border:1px solid rgba(243,236,255,.24);border-radius:999px;background:#0a04107a;color:#f3ecffb8;padding:9px 12px;font-size:10px;font-weight:700;letter-spacing:.12em;backdrop-filter:blur(10px)}.intro-story__dialogue{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:84px 20px calc(var(--safe-bottom) + 22px);text-align:center;background:linear-gradient(180deg,transparent,rgba(10,4,16,.88) 24%,#0a0410 72%);transition:opacity .2s ease,transform .24s var(--intro-ease)}.intro-story.is-transitioning .intro-story__dialogue{opacity:0;transform:translate3d(0,18px,0)}.intro-story__kicker{margin:0 0 9px;color:var(--pink);font-family:ui-serif,Georgia,serif;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.intro-story__title{max-width:680px;margin:0 auto;color:#fff;font-size:clamp(25px,7.8vw,44px);line-height:.98;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 0 18px rgba(255,45,85,.7),2px 2px 0 rgba(193,18,31,.5)}.intro-story[data-step="2"] .intro-story__title{font-size:clamp(22px,6.6vw,38px)}.intro-story__copy{margin:12px auto 17px;color:#f3ecffc7;font-family:ui-serif,Georgia,serif;font-size:14px;line-height:1.35}.intro-story__advance{appearance:none;min-width:min(100%,294px);min-height:52px;border:1px solid var(--red);border-radius:4px;background:#ff2d5521;color:#fff;padding:13px 16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:900;letter-spacing:.09em;box-shadow:inset 0 0 20px #ff2d551f,0 0 18px #ff2d5559;transition:transform .13s ease,background .22s ease,box-shadow .22s ease;animation:intro-story-cta 2.6s ease-in-out infinite}.intro-story__advance b{color:var(--pink);font-size:25px;line-height:0}.intro-story__advance:active{transform:scale(.97)}.intro-story__advance:focus-visible,.intro-story__skip:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.intro-story__progress{display:flex;justify-content:center;gap:8px;margin-top:15px}.intro-story__progress i{width:19px;height:3px;background:#f3ecff33;transform:skew(-26deg);transition:background .25s ease,box-shadow .25s ease,transform .25s var(--intro-ease)}.intro-story__progress i.is-active{background:var(--red);box-shadow:0 0 10px #ff2d55e6;transform:skew(-26deg) scaleX(1.35)}.intro-story__flash{z-index:10;pointer-events:none;opacity:0;background:var(--pink)}.intro-story.is-transitioning .intro-story__flash{animation:intro-story-flash .42s ease-out}.intro-story.is-finished{pointer-events:none;opacity:0;transform:scale(1.08);transition-duration:.5s}@keyframes intro-story-breathe{0%{transform:scale(1.025) translate3d(-.35%,-.2%,0)}to{transform:scale(1.065) translate3d(.35%,.35%,0)}}@keyframes intro-story-scan{0%,18%{transform:translate3d(0,-20%,0) skewY(-5deg);opacity:0}24%{opacity:.75}48%,to{transform:translate3d(0,590%,0) skewY(-5deg);opacity:0}}@keyframes intro-story-cta{0%,65%,to{box-shadow:inset 0 0 20px #ff2d551f,0 0 18px #ff2d5559}72%{box-shadow:inset 0 0 24px #ff2d5542,0 0 34px #ff2d55b8}}@keyframes intro-story-flash{0%,to{opacity:0}16%{opacity:.48}38%{opacity:.08;background:#f3ecff}}@media (min-width: 700px){.intro-story__image{object-fit:contain}.intro-story__image-wrap{background:radial-gradient(circle at 50% 38%,rgba(255,45,85,.18),transparent 55%),#0a0410}.intro-story__dialogue{padding-bottom:calc(var(--safe-bottom) + 34px)}}@media (prefers-reduced-motion: reduce){.intro-story,.intro-story__image,.intro-story__dialogue{transition-duration:.01ms}.intro-story__image,.intro-story__scan:after,.intro-story__advance,.intro-story.is-transitioning .intro-story__flash{animation:none}}.intro-story{--intro-ease: cubic-bezier(.16, 1, .3, 1);opacity:1;transform:none;background:radial-gradient(circle at 50% 42%,rgba(255,45,85,.16),transparent 40%),linear-gradient(155deg,#07020c,#16071e 58%,#08020d)}.intro-story__noise,.intro-story__speed,.intro-story__splash,.intro-story__panel,.intro-story__slash,.intro-story__flash{position:absolute;inset:0}.intro-story__noise{z-index:20;pointer-events:none;opacity:.19;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 4px),radial-gradient(circle,rgba(255,45,85,.35) 0 1px,transparent 1.6px);background-size:auto,8px 8px;animation:intro-static .16s steps(2) infinite}.intro-story__speed{z-index:18;pointer-events:none;opacity:0;background:repeating-linear-gradient(99deg,transparent 0 26px,rgba(255,93,162,.44) 27px 29px,transparent 30px 48px);transform:translate3d(-70%,0,0) skew(-18deg)}.intro-story__splash{z-index:6;display:grid;place-content:center;justify-items:center;gap:18px;padding:max(34px,var(--safe-top)) 24px max(34px,var(--safe-bottom));text-align:center;transition:opacity .16s ease,transform .32s var(--intro-ease),filter .18s ease}.intro-story__logo{width:min(62vw,310px);color:var(--red);filter:drop-shadow(0 0 8px rgba(255,45,85,.95)) drop-shadow(0 0 36px rgba(255,45,85,.55));animation:intro-logo 3.1s steps(1) infinite}.intro-story__logo svg{display:block;width:100%;height:auto}.intro-story__japanese{margin-top:-5px;color:#fff;font-size:clamp(22px,7vw,34px);font-weight:900;letter-spacing:.22em;text-shadow:2px 0 var(--red),-2px 0 #7546ff,0 0 20px rgba(255,93,162,.75)}.intro-story__enter,.intro-story__continue,.intro-story__start{appearance:none;border:1px solid var(--red);border-radius:2px;background:#ff2d551a;color:#fff;min-height:52px;padding:13px 24px;font-weight:950;letter-spacing:.13em;box-shadow:inset 0 0 18px #ff2d5524,0 0 22px #ff2d557a;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);animation:intro-cta 2.2s ease-in-out infinite}.intro-story__enter{margin-top:16px;min-width:min(70vw,260px);font-size:19px}.intro-story__enter:active,.intro-story__continue:active,.intro-story__start:active{transform:scale(.96)}.intro-story__panel{z-index:5;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 42%,#ff2d5533,#08020d 66%)}.intro-story__panel img{width:100%;height:100%;display:block;object-fit:contain;object-position:50% 50%;filter:saturate(1.08) contrast(1.04)}.intro-story__panel--guards img{transform:scale(.91)}.intro-story__panel--guards{transform:translate3d(-125vw,-3vh,0) skew(-8deg) scale(.92)}.intro-story__panel--horizon{transform:scale(1.08)}.intro-story[data-scene=horizon] .intro-story__panel--horizon{opacity:1;visibility:visible;transform:scale(1);transition:opacity .24s ease,transform 1.1s var(--intro-ease)}.intro-story[data-scene=guards] .intro-story__panel--horizon,.intro-story[data-scene=puzzle] .intro-story__panel--horizon,.intro-story[data-scene=gregor] .intro-story__panel--horizon{opacity:0;transform:scale(1.14);transition:opacity .18s ease,transform .4s ease}.intro-story[data-scene=guards] .intro-story__panel--guards,.intro-story[data-scene=puzzle] .intro-story__panel--guards{opacity:1;visibility:visible;transform:translateZ(0) skew(0) scale(1);transition:opacity .05s linear,transform .46s var(--intro-ease)}.intro-story[data-scene=puzzle] .intro-story__panel--guards img{filter:saturate(.7) brightness(.36) contrast(1.18) blur(1px);transition:filter .35s ease}.intro-story[data-scene=horizon] .intro-story__splash,.intro-story[data-scene=guards] .intro-story__splash,.intro-story[data-scene=puzzle] .intro-story__splash,.intro-story[data-scene=gregor] .intro-story__splash{opacity:0;pointer-events:none;transform:scale(1.4) rotate(2deg);filter:blur(10px)}.intro-story.is-impact{animation:intro-impact .46s linear}.intro-story.is-impact .intro-story__speed{animation:intro-speed .44s ease-out}.intro-story.is-impact .intro-story__flash{animation:intro-hard-flash .42s steps(2)}.intro-story__continue,.intro-story__start{position:absolute;z-index:30;left:50%;bottom:calc(var(--safe-bottom) + 18px);width:min(calc(100% - 40px),320px);transform:translate3d(-50%,30px,0);opacity:0;pointer-events:none}.intro-story__continue b,.intro-story__start b{margin-left:12px;color:var(--pink);font-size:21px}.intro-story[data-scene=horizon] .intro-story__continue,.intro-story[data-scene=guards] .intro-story__continue,.intro-story[data-scene=gregor] .intro-story__start{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0);transition:opacity .2s .45s ease,transform .36s .4s var(--intro-ease)}.intro-story__puzzle{position:absolute;z-index:28;top:50%;left:50%;width:min(calc(100% - 32px),460px);padding:26px 18px 22px;opacity:0;pointer-events:none;transform:translate3d(-50%,-40%,0) scale(.74) rotate(-2deg);background:#07020ce0;border:1px solid var(--red);box-shadow:0 0 0 4px #ff2d5514,0 0 42px #ff2d5585,inset 0 0 34px #7546ff26;text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 14px)}.intro-story[data-scene=puzzle] .intro-story__puzzle{opacity:1;pointer-events:auto;transform:translate3d(-50%,-50%,0) scale(1) rotate(0);transition:opacity .18s ease,transform .42s var(--intro-ease)}.intro-story__puzzle p{margin:0 0 10px;color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.15em}.intro-story__puzzle h1{margin:0;color:#fff;font-size:clamp(20px,6vw,31px);line-height:1.06;text-shadow:2px 0 var(--red),-2px 0 #7546ff}.intro-story__answers{display:flex;justify-content:center;gap:10px;margin:24px 0 16px}.intro-story__answers button{appearance:none;width:clamp(72px,22vw,104px);aspect-ratio:1;border:1px solid rgba(243,236,255,.36);border-radius:2px;background:#f3ecff12;color:#fff;font-family:serif;font-size:clamp(38px,13vw,62px);box-shadow:inset 0 0 18px #ffffff0a;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.intro-story__answers button:active{transform:scale(.91)}.intro-story__answers button.is-correct{border-color:#69ffbc;color:#69ffbc;box-shadow:0 0 30px #69ffbca8}.intro-story__feedback{display:block;color:#f3ecffb8;font-size:10px;letter-spacing:.16em}.intro-story__puzzle.is-wrong{animation:intro-wrong .34s linear}.intro-story__puzzle.is-wrong .intro-story__feedback{color:var(--red)}.intro-story__slash{z-index:40;pointer-events:none;opacity:0;background:linear-gradient(102deg,transparent 43%,#fff 46%,var(--pink) 49%,var(--red) 52%,transparent 55%);transform:translate3d(-100%,0,0) scaleX(.4)}.intro-story.is-solved .intro-story__slash{animation:intro-slash .7s var(--intro-ease)}.intro-story.is-solved .intro-story__flash{animation:intro-success-flash .7s ease-out}.intro-story[data-scene=gregor] .intro-story__panel--guards{opacity:0;transform:scale(1.16);transition:opacity .16s ease,transform .3s ease}.intro-story[data-scene=gregor] .intro-story__panel--gregor{opacity:1;visibility:visible;transform:scale(1);animation:intro-gregor .6s var(--intro-ease)}.intro-story.is-finished{opacity:0;transform:scale(1.12);filter:saturate(1.6) brightness(1.3)}@keyframes intro-static{0%{transform:translate(0)}50%{transform:translate(-1px,1px)}}@keyframes intro-logo{0%,88%,to{opacity:1;transform:translate(0)}89%{opacity:.62;transform:translate(-3px,1px)}90%{opacity:1;transform:translate(3px,-1px)}92%{transform:translate(0)}}@keyframes intro-cta{0%,70%,to{box-shadow:inset 0 0 18px #ff2d5524,0 0 22px #ff2d556b}78%{box-shadow:inset 0 0 26px #ff2d554d,0 0 42px #ff2d55db}}@keyframes intro-impact{0%,to{transform:translate(0)}24%{transform:translate(-8px,3px) rotate(-.35deg)}36%{transform:translate(7px,-4px)}52%{transform:translate(-4px,2px)}70%{transform:translate(2px,-1px)}}@keyframes intro-speed{0%{opacity:0;transform:translate3d(-70%,0,0) skew(-18deg)}18%{opacity:.8}to{opacity:0;transform:translate3d(70%,0,0) skew(-18deg)}}@keyframes intro-hard-flash{0%,to{opacity:0}20%{opacity:.8;background:#fff}42%{opacity:.25;background:var(--red)}}@keyframes intro-wrong{0%,to{transform:translate3d(-50%,-50%,0)}18%{transform:translate3d(calc(-50% - 11px),calc(-50% + 3px),0) skew(-3deg)}38%{transform:translate3d(calc(-50% + 9px),calc(-50% - 2px),0)}62%{transform:translate3d(calc(-50% - 5px),-50%,0)}}@keyframes intro-slash{0%{opacity:0;transform:translate3d(-100%,0,0) scaleX(.4)}24%{opacity:1}58%{opacity:.9;transform:translate3d(40%,0,0) scaleX(1)}to{opacity:0;transform:translate3d(120%,0,0) scaleX(.5)}}@keyframes intro-success-flash{0%,to{opacity:0}34%{opacity:.72;background:#fff}58%{opacity:.22;background:#69ffbc}}@keyframes intro-gregor{0%{transform:translate3d(0,10%,0) scale(1.25);filter:brightness(2) saturate(1.6)}to{transform:translateZ(0) scale(1);filter:brightness(1) saturate(1)}}@media (min-width: 700px){.intro-story__panel{background:radial-gradient(circle,#ff2d5533,#08020d 64%)}}@media (prefers-reduced-motion: reduce){.intro-story__noise,.intro-story__logo,.intro-story__enter,.intro-story__continue,.intro-story__start,.intro-story__puzzle,.intro-story__panel,.intro-story__slash,.intro-story__flash{animation:none!important;transition-duration:.01ms!important}}@supports (-webkit-touch-callout: none){body.intro-story-open:before,body.intro-story-open:after{animation:none;filter:none}.intro-story__noise,.intro-story__speed,.intro-story__slash,.intro-story__flash{display:none}.intro-story__logo,.intro-story__enter,.intro-story__continue,.intro-story__start,.intro-story__panel,.intro-story__panel img,.intro-story__puzzle,.intro-story[data-scene=horizon] .intro-story__splash,.intro-story[data-scene=guards] .intro-story__splash,.intro-story[data-scene=puzzle] .intro-story__splash,.intro-story[data-scene=gregor] .intro-story__splash,.intro-story.is-finished{animation:none!important;filter:none!important;transition-duration:.12s!important}.intro-story,.intro-story.is-impact{animation:none!important;will-change:auto}.audio-control{backdrop-filter:none}}@keyframes cyber-btn{0%,35%,to{opacity:1;translate:0 0}36%{opacity:.6;translate:-.6px 0}37%{opacity:1;translate:.7px 0}38%{opacity:.82;translate:-.3px .3px}39%{opacity:1;translate:0 0}72%{opacity:1;translate:0 0}73%{opacity:.5;translate:.6px 0}74%{opacity:1;translate:-.6px 0}75%{opacity:.85;translate:.3px -.3px}76%{opacity:1;translate:0 0}}.tile,.btn-back,.btn-ghost,.kp{animation:cyber-btn 7s ease-in-out infinite}.btn-back{animation-delay:-1.3s}.tile:nth-child(1){animation-delay:-.4s}.tile:nth-child(2){animation-delay:-2.7s}.tile:nth-child(3){animation-delay:-4.6s}.btn-ghost:nth-of-type(2n){animation-delay:-3.4s}.kp:nth-child(2n){animation-delay:-2.1s}.kp:nth-child(3n){animation-delay:-4.9s}.kp:nth-child(5n){animation-delay:-1.6s}@media (prefers-reduced-motion: reduce){.tile,.btn-back,.btn-ghost,.kp{animation:none}}