.qi-seq{overflow:hidden;background:var(--qi-ink,#0b0c0e)}.qi-seq,.qi-seq-art,.qi-seq-cap,.qi-seq-scene{position:absolute;inset:0}.qi-seq-art,.qi-seq-cap{container-type:size;overflow:hidden;pointer-events:none}.qi-seq-frame{--W:max(100cqw,calc(100cqh * 1.7768));--fl:clamp(calc(100cqw - var(--W)),calc(50cqw - var(--fx, 50) * var(--W) / 100),0px);--ft:clamp(calc(100cqh - var(--W) / 1.7768),calc(50cqh - var(--fy, 50) * var(--W) / 1.7768 / 100),0px);position:absolute;width:var(--W);aspect-ratio:1672/941;left:var(--fl);top:var(--ft)}.qi-seq-img{position:absolute;inset:0;width:100%;height:100%;transform-origin:var(--zx,50%) var(--zy,50%);animation:qi-seq-zoom var(--zoom,12s) linear both;will-change:transform}@keyframes qi-seq-zoom{0%{transform:scale(1)}to{transform:scale(var(--zs,1.1))}}@keyframes qi-seq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qi-seq-fade-out{0%{opacity:1}to{opacity:0}}.qi-seq-in{animation:qi-seq-fade-in var(--in,.8s) ease-in-out var(--in-delay,0ms) both}.qi-seq-out{animation:qi-seq-fade-out var(--out,.4s) ease-in-out both}.qi-seq-caption{position:absolute;--cwpx:min(calc(var(--cw) * var(--W) / 100),90cqw);width:var(--cwpx);left:clamp(calc(var(--cwpx) / 2 + 5cqw - var(--fl)),calc(var(--cx) * var(--W) / 100),calc(100cqw - var(--cwpx) / 2 - 5cqw - var(--fl)));top:clamp(calc(14cqh - var(--ft)),calc(var(--cy) * var(--W) / 1.7768 / 100),calc(86cqh - var(--ft)));transform:translate(-50%,-50%);text-align:center;font-size:calc(var(--fsm, 1) * clamp(.9rem, min(2.9cqw, 5.2cqh), 6rem));font-weight:600;line-height:1.32;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.85),0 0 34px rgba(0,0,0,.6)}.qi-seq-caption:before{content:"";position:absolute;inset:-1.1em -1.6em;z-index:-1;background:radial-gradient(ellipse at center,rgba(6,7,9,.72) 0,rgba(6,7,9,.5) 50%,rgba(6,7,9,0) 78%);filter:blur(8px);animation:qi-seq-fade-in 1.4s ease-out var(--td,1s) both,qi-seq-fade-out .8s ease-in var(--tout,99999ms) forwards}.qi-seq-caption--final:before{animation:qi-seq-fade-in 1.4s ease-out var(--td,1s) both}.qi-seq-line{margin:0;text-wrap:balance;color:var(--qi-ivory,#f1e6cf)}.qi-seq-line+.qi-seq-line{margin-top:.22em;color:var(--qi-gold,#d6a64b);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.85),0 0 22px rgba(214,166,75,.35)}.qi-seq-word{display:inline-block;white-space:nowrap}.qi-seq-ch{display:inline-block;animation:qi-seq-wind-in 1.5s cubic-bezier(.14,.78,.26,1) var(--d,0ms) both,qi-seq-wind-out .85s cubic-bezier(.5,0,.9,.4) var(--o,99999ms) forwards;will-change:transform,opacity,filter}.qi-seq-caption--final .qi-seq-ch{animation:qi-seq-wind-in 1.5s cubic-bezier(.14,.78,.26,1) var(--d,0ms) both}@keyframes qi-seq-wind-in{0%{opacity:0;transform:translate(var(--x,90px),var(--y,0)) rotate(var(--r,4deg)) scaleX(1.5);filter:blur(14px)}55%{opacity:.85;filter:blur(4px)}to{opacity:1;transform:translate(0) rotate(0deg) scaleX(1);filter:blur(0)}}@keyframes qi-seq-wind-out{0%{opacity:1;transform:translate(0) rotate(0deg) scaleX(1);filter:blur(0)}to{opacity:0;transform:translate(calc(var(--x, 90px) * -1.4),calc(var(--y, 0px) * -1)) rotate(calc(var(--r, 4deg) * -1)) scaleX(1.6);filter:blur(12px)}}.qi-seq-white{position:absolute;inset:0;z-index:40;background:#fff;pointer-events:none}.qi-seq-white--in{animation:qi-seq-fade-in 1.2s ease-in-out both}.qi-seq-white--hold{opacity:1}.qi-seq-white--out{animation:qi-seq-fade-out .9s ease-in-out both}@media (max-aspect-ratio:3/2){.qi-seq-art{inset:0 0 28% 0}.qi-seq-art:after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(to top,var(--qi-ink,#0b0c0e),rgba(11,12,14,0))}.qi-seq-cap{inset:auto 0 0 0;height:28%;container-type:normal;overflow:visible;display:flex;align-items:center;justify-content:center;padding:0 6%}.qi-seq-cap .qi-seq-frame{position:static;width:100%;aspect-ratio:auto}.qi-seq-caption{position:relative;left:auto;top:auto;width:100%;transform:none;font-size:clamp(.9rem,min(4.6vw,3.1vh),2.4rem);letter-spacing:.1em}.qi-seq-caption:before{display:none}}@media (prefers-reduced-motion:reduce){.qi-seq-img{animation:none}.qi-seq-ch{animation:qi-seq-fade-in .4s ease-out var(--d,0ms) both}}.qo-plaque.qi-skip{transition:transform .2s ease,opacity .9s ease,filter .2s ease}.qo-plaque.qi-skip--dim{opacity:.28}.qo-plaque.qi-skip:focus-visible,.qo-plaque.qi-skip:hover{opacity:1;transition:transform .2s ease,opacity .25s ease,filter .2s ease}@keyframes qi-smoke-clear{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur(0)}}.qi-smoke-in{animation:qi-smoke-clear 1s ease-out backwards}@media (prefers-reduced-motion:reduce){.qi-smoke-in{animation:none}}.qo-plaque:not(.absolute){position:relative}.qo-plaque{display:block;max-width:100%;container-type:inline-size;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));transition:transform .2s ease,opacity .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}.qo-plaque--xs{width:210px}.qo-plaque--sm{width:240px}.qo-plaque--md{width:280px}.qo-plaque--lg{width:320px}.qo-plaque--xl{width:420px}.qo-plaque--xl .qo-plaque-text{font-size:max(10px,3.6cqw)}.qo-plaque img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.qo-plaque:focus-visible{transform:scale(1.04);outline:none}@media (hover:hover){.qo-plaque:hover{transform:scale(1.04)}}.qo-plaque:active{transform:scale(1.04)}.qo-plaque-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:1%;font-family:var(--font-cinema),serif;font-size:max(10px,4.4cqw);font-weight:700;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;white-space:nowrap;color:#3b2410;text-shadow:0 1px 0 rgba(255,238,190,.55);transition:color .25s ease,text-shadow .25s ease}.qo-plaque-sheen{position:absolute;inset:0;pointer-events:none;opacity:0;-webkit-mask-image:url(/kenji-ui/enter-plaque.webp);mask-image:url(/kenji-ui/enter-plaque.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;background:linear-gradient(105deg,transparent 38%,rgba(255,244,200,.7) 48%,rgba(255,255,240,.95) 50%,rgba(255,244,200,.7) 52%,transparent 62%);background-size:300% 100%;background-position:130% 0;mix-blend-mode:screen}.qo-plaque--nav:active .qo-plaque-sheen,.qo-plaque--nav:focus-visible .qo-plaque-sheen{opacity:1;animation:qo-sheen 1.2s ease-out both}@media (hover:hover){.qo-plaque--nav:hover .qo-plaque-sheen{opacity:1;animation:qo-sheen 1.2s ease-out both}}@keyframes qo-sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.qo-plaque--nav:active .qo-plaque-text,.qo-plaque--nav:focus-visible .qo-plaque-text{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ffe08a,0 0 20px rgba(255,184,48,.95),0 0 34px rgba(255,150,20,.8),0 1px 1px rgba(60,30,5,.9),0 -1px 1px rgba(60,30,5,.55)}@media (hover:hover){.qo-plaque--nav:hover .qo-plaque-text{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ffe08a,0 0 20px rgba(255,184,48,.95),0 0 34px rgba(255,150,20,.8),0 1px 1px rgba(60,30,5,.9),0 -1px 1px rgba(60,30,5,.55)}}.qo-plaque--dim{opacity:.62;filter:saturate(.6) drop-shadow(0 3px 4px rgba(0,0,0,.55))}.qo-plaque--back{width:260px;transition:transform .2s ease,opacity 1.2s ease,filter .2s ease}.qo-plaque--back.is-wait{opacity:0;pointer-events:none}.qo-plaque--back.is-dim{opacity:.3;transition:transform .2s ease,opacity 4s ease-in-out,filter .2s ease}.qo-plaque--back.is-dim.is-dim--deep{opacity:.12}.qo-plaque--back.is-dim:active,.qo-plaque--back.is-dim:focus-visible{opacity:1;transition:transform .2s ease,opacity .3s ease,filter .2s ease}@media (hover:hover){.qo-plaque--back.is-dim:hover{opacity:1;transition:transform .2s ease,opacity .3s ease,filter .2s ease}}.qo-plaque--fs{width:170px}.qo-plaque.qi-hud-hidden{opacity:0;pointer-events:none;transition:transform .2s ease,opacity .5s ease,filter .2s ease}.qo-plaque:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(1) brightness(.7) drop-shadow(0 3px 4px rgba(0,0,0,.55))}.qo-plaque:disabled:hover{transform:none}.qo-orn{position:absolute;z-index:25;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.qo-orn img{display:block;width:100%;height:100%}.qo-orn-gleam{position:absolute;inset:0;-webkit-mask-image:var(--orn);mask-image:var(--orn);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(125deg,transparent 38%,rgba(255,246,214,.55) 46%,rgba(255,255,240,.95) 50%,rgba(255,246,214,.55) 54%,transparent 62%);background-size:320% 100%;background-position:130% 0;mix-blend-mode:screen;animation:qo-orn-gleam 5.5s ease-in-out infinite;animation-delay:var(--qo-delay,0s)}@keyframes qo-orn-gleam{0%{background-position:130% 0}42%{background-position:-30% 0}to{background-position:-30% 0}}.qo-orn--side{top:50%;height:52px;aspect-ratio:420/1028}.qo-orn--side-l{right:100%;margin-right:2px;transform:translateY(-50%)}.qo-orn--side-r{left:100%;margin-left:2px;transform:translateY(-50%)}@media (min-width:640px){.qo-orn--side{height:clamp(110px,24%,190px)}.qo-orn--side-l{margin-right:8px}.qo-orn--side-r{margin-left:8px}}.qo-orn--corner{width:clamp(52px,13vw,80px);aspect-ratio:1/1}.qo-orn--tl{top:-32px;left:-32px}.qo-orn--tr{top:-32px;right:-32px;transform:scaleX(-1)}.qo-orn--bl{bottom:-32px;left:-32px;transform:scaleY(-1)}.qo-orn--br{bottom:-32px;right:-32px;transform:scale(-1)}.qo-map-gleam{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,240,190,.22) 48%,rgba(255,250,225,.38) 50%,rgba(255,240,190,.22) 52%,transparent 60%);background-size:300% 100%;background-position:130% 0;mix-blend-mode:soft-light;animation:qo-map-gleam 9s ease-in-out infinite}@keyframes qo-map-gleam{0%{background-position:130% 0}40%{background-position:-30% 0}to{background-position:-30% 0}}.qo-sunrise{position:absolute;left:50%;bottom:0;width:min(900px,100%);aspect-ratio:1/1;transform:translate(-50%,50%);pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 43%,transparent 50%);mask-image:linear-gradient(180deg,#000 0,#000 43%,transparent 50%)}.qo-sunrise img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen;filter:sepia(1) saturate(5) hue-rotate(-14deg) brightness(2.6) drop-shadow(0 0 28px rgba(255,150,40,.9));transform-origin:50% 100%;animation:qo-sunrise-rise 5.5s cubic-bezier(.22,.8,.3,1) both,qo-sunrise-glow 7s ease-in-out 5.5s infinite}.qo-sunrise img+img{inset:18% 18% 0 18%;width:64%;height:82%;animation-delay:.6s,6.1s}@keyframes qo-sunrise-rise{0%{opacity:0;transform:translateY(30%) scale(.8)}to{opacity:.95;transform:translateY(0) scale(1)}}@keyframes qo-sunrise-glow{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.78;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.qo-map-gleam,.qo-orn-gleam{animation:none;opacity:0}.qo-sunrise img{animation:none;opacity:.9}}.qs{position:relative;display:block;width:min(460px,calc(100vw - 48px));container-type:inline-size;height:62px;margin:3px auto;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.qs--big{height:72px}@media (max-width:639px){.qs{width:min(340px,calc(100vw - 80px));height:54px}.qs--big{height:62px}}.qs--dim{opacity:.78}.qs:disabled{cursor:not-allowed;filter:grayscale(.95) brightness(.62);opacity:.55}.qs:focus-visible{outline:none}.qs-group{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}.qs-rod{position:relative;flex:none;width:15px;height:calc(100% + 12px);border-radius:5px;background:linear-gradient(90deg,#3b2410,#8a5e30 30%,#b98a4e 48%,#6e4724 70%,#2f1c0c);box-shadow:inset 0 0 2px rgba(0,0,0,.6);z-index:2}.qs-rod:after,.qs-rod:before{content:"";position:absolute;left:-1px;right:-1px;height:7px;border-radius:3px;background:linear-gradient(90deg,#8c6422,#f1d27d 45%,#b88a2e 70%,#7a561b)}.qs-rod:before{top:-2px}.qs-rod:after{bottom:-2px}.qs-paper{position:relative;flex:none;width:58%;height:100%;overflow:hidden;color:#3b2410;background:radial-gradient(ellipse at 18% 30%,rgba(150,95,40,.28),transparent 38%),radial-gradient(ellipse at 82% 70%,rgba(120,75,30,.3),transparent 40%),linear-gradient(180deg,#ecd9ac,#dcc28a 55%,#cfb277);box-shadow:inset 0 0 16px rgba(110,68,22,.6),inset 0 2px 0 rgba(255,244,205,.5);transition:width .7s cubic-bezier(.3,.75,.2,1)}.qs-paper:before{opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.5' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.3 0 0 0 0 0.12 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 100px}.qs-paper:after,.qs-paper:before{content:"";position:absolute;inset:0;pointer-events:none}.qs-paper:after{background:linear-gradient(90deg,rgba(70,40,10,.55),transparent 20%,transparent 80%,rgba(70,40,10,.55));transition:opacity .6s ease .1s}.qs:not(:disabled):focus-visible .qs-paper,.qs:not(:disabled):hover .qs-paper{width:calc(100% - 30px)}.qs:not(:disabled):focus-visible .qs-paper:after,.qs:not(:disabled):hover .qs-paper:after{opacity:.25}.qs-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;font-family:var(--font-brush),"Yuji Boku",serif;font-size:min(22px,5.4cqw);font-weight:400;line-height:1;letter-spacing:.04em;text-indent:.04em;color:#1d1006;text-shadow:0 0 5px hsla(45,77%,81%,.85),.6px .6px 0 rgba(20,10,3,.55),-.4px 0 0 rgba(20,10,3,.4)}.qs--big .qs-label{font-size:min(23px,5.2cqw)}.qs-side{position:absolute;top:0;bottom:0;width:19%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;z-index:1}.qs-side--l{left:4px}.qs-side--r{right:4px}.qs:not(:disabled):focus-visible .qs-side,.qs:not(:disabled):hover .qs-side{opacity:1;transition-delay:.32s}.qs-map{display:block;width:92%;height:78%;border:1px solid rgba(90,55,20,.7);background-image:url(/kenji-game/reach-map-landscape.jpg);background-repeat:no-repeat;filter:grayscale(1) sepia(.8) contrast(1.2) brightness(1.3);mix-blend-mode:multiply;box-shadow:0 0 5px rgba(90,55,20,.35);opacity:.8}.qs-writing{display:block;text-align:center;font-family:var(--font-hand),cursive;font-size:min(14.5px,3.2cqw);line-height:1;color:rgba(59,36,16,.78)}.qs-writing span{display:block;white-space:nowrap}@media (prefers-reduced-motion:reduce){.qs-paper,.qs-paper:after,.qs-side{transition-duration:.01ms;transition-delay:0s}}