@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/m-plus-rounded-1c-latin-500-normal-D4L1U0OF.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-500-normal-udtNJXmd.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@layer base{*,:before,:after{box-sizing:border-box}html,body{color:#2b2b2b;-webkit-font-smoothing:antialiased;background:#1b1d20;margin:0;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,sans-serif;font-weight:500}button{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #ffb400}}@layer components{.layout-viewer canvas{image-rendering:pixelated}:root{--screen-scale:1}.console{background:radial-gradient(at 50% 35%,#34383d 0%,#1b1d20 70%) fixed;place-items:center;min-height:100dvh;display:grid;overflow:hidden}.console-stage{align-items:center;gap:calc(14px * var(--screen-scale));width:calc(400px * var(--screen-scale));height:calc(494px * var(--screen-scale));flex-direction:column;display:flex}.screen{box-shadow:0 0 0 calc(3px * var(--screen-scale)) #0c0d0e, 0 calc(6px * var(--screen-scale)) calc(24px * var(--screen-scale)) #0000008c;touch-action:none;background:#fff;flex:none;position:relative;overflow:hidden}@supports ((-webkit-user-select:none) or (user-select:none)){.screen{-webkit-user-select:none;user-select:none}}.screen[data-screen=top]{width:calc(400px * var(--screen-scale));height:calc(240px * var(--screen-scale))}.screen[data-screen=bottom]{width:calc(320px * var(--screen-scale));height:calc(240px * var(--screen-scale))}.about-card,.key-guide{--u:calc(1px * var(--screen-scale));--about-paper:oklch(100% 0 0);--about-ink:oklch(29% .01 260);--about-muted:oklch(47% .01 260);--about-rule:oklch(90% .005 260);--about-devil:oklch(55% .2 27)}.about-card{justify-content:center;gap:calc(12 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u));background:var(--about-paper);color:var(--about-ink);font-size:calc(12.5 * var(--u));flex-direction:column;line-height:1.45;display:flex;position:absolute;inset:0}.about-head{align-items:center;gap:calc(12 * var(--u));padding-bottom:calc(10 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--about-rule);display:flex}.about-seal{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(9 * var(--u));background:var(--about-devil);color:var(--about-paper);font-size:calc(27 * var(--u));flex:none;place-items:center;font-weight:800;line-height:1;display:grid;transform:rotate(-4deg)}.about-title{font-size:calc(24 * var(--u));margin:0;font-weight:800;line-height:1.1}.about-game{margin:calc(2 * var(--u)) 0 0;color:var(--about-muted);font-size:calc(11.5 * var(--u))}.about-summary{margin:0}.about-facts{gap:calc(4 * var(--u)) calc(14 * var(--u));grid-template-columns:auto 1fr;margin:0;display:grid}.about-facts dt{color:var(--about-muted);font-weight:700}.about-facts dd{margin:0}.key-guide{right:0;bottom:calc(16 * var(--u));justify-content:center;gap:calc(4 * var(--u)) calc(12 * var(--u));padding:0 calc(16 * var(--u));color:var(--about-muted);font-size:calc(11 * var(--u));pointer-events:none;flex-wrap:wrap;margin:0;display:flex;position:absolute;left:0}.key-guide kbd{padding:0 calc(4 * var(--u));border:calc(1 * var(--u)) solid var(--about-rule);border-bottom-width:calc(2 * var(--u));border-radius:calc(4 * var(--u));color:var(--about-ink);font:inherit;font-weight:700}@media (hover:none){.key-guide{display:none}}.calc-canvas{width:100%;height:100%;display:block}.calc-gate{padding:calc(16px * var(--screen-scale));color:#3c3c3c;font-size:calc(18px * var(--screen-scale));cursor:pointer;background:#ffffffe0;border:0;font-weight:700;position:absolute;inset:0}.calc-gate:disabled{cursor:progress}}@layer overlays{.debug-trigger{--debug-muted:oklch(74% .02 250);--debug-rule:oklch(37% .016 250);border:1px solid var(--debug-rule);width:36px;height:36px;color:var(--debug-muted);opacity:.35;cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:fixed;bottom:12px;right:12px}.debug-trigger:hover,.debug-trigger:focus-visible{opacity:1}.debug-menu{--u:calc(1px * var(--screen-scale));--ink-wood:#4a2410;--ink-red:#830d01;--red:#e41018;--outline-width:calc(1.2 * var(--u));inset:auto;top:calc(50% + 7 * var(--u));width:calc(320 * var(--u));max-width:none;height:calc(240 * var(--u));background-blend-mode:multiply;max-height:none;box-shadow:0 0 0 calc(3 * var(--u)) #0c0d0e;color:#fff;font-size:calc(14 * var(--u));background:#c8ac9c url(/original/lyt/bgd_No/timg/BGD_No_spa_lecture.png) 0 0/100% 100%;border:0;margin:0;padding:0;position:fixed;left:50%;overflow:hidden;translate:-50%}.debug-menu[open]{animation:.16s ease-out debug-show}.debug-menu::backdrop{background:#0000008c}@keyframes debug-show{0%{opacity:0}}.debug-form{height:100%;position:relative}.debug-back,.debug-title,.debug-ok{--rim:var(--ink-wood);color:#fff;text-shadow:var(--outline-width) 0 var(--rim), calc(-1 * var(--outline-width)) 0 var(--rim), 0 var(--outline-width) var(--rim), 0 calc(-1 * var(--outline-width)) var(--rim), var(--outline-width) var(--outline-width) var(--rim), calc(-1 * var(--outline-width)) var(--outline-width) var(--rim), var(--outline-width) calc(-1 * var(--outline-width)) var(--rim), calc(-1 * var(--outline-width)) calc(-1 * var(--outline-width)) var(--rim);font-weight:800;line-height:1}.debug-back,.debug-ok{isolation:isolate;cursor:pointer;touch-action:manipulation;padding:0;position:absolute}.debug-back:before,.debug-ok:before{z-index:-1;top:calc(2 * var(--u));right:calc(3 * var(--u));left:calc(3 * var(--u));border-radius:calc(5 * var(--u)) calc(5 * var(--u)) calc(2 * var(--u)) calc(2 * var(--u));background:var(--band);content:"";height:38%;position:absolute}.debug-back:active,.debug-ok:active{translate:0 calc(2 * var(--u))}.debug-back{--rim:#264c52;--band:linear-gradient(#91b4b6, #718f94);top:calc(5 * var(--u));width:calc(80 * var(--u));height:calc(44 * var(--u));border:var(--u) solid #2e5d63;border-radius:0 calc(7 * var(--u)) calc(7 * var(--u)) 0;box-shadow:0 calc(4 * var(--u)) 0 #3a18118c;font-size:calc(17 * var(--u));background:linear-gradient(#3b656d,#4c7b81);border-left:0;left:0}.debug-mark{right:calc(4 * var(--u));bottom:calc(4 * var(--u));width:calc(13 * var(--u));height:calc(13 * var(--u));filter:invert();background:url(/original/lyt/common_Btn/timg/mark_A.png) 0 0/100% 100%;position:absolute}.debug-mark[data-mark=B]{background-image:url(/original/lyt/common_Btn/timg/mark_B.png)}.debug-title{top:calc(16 * var(--u));right:calc(12 * var(--u));font-size:calc(18 * var(--u));margin:0;position:absolute}.debug-card{top:calc(54 * var(--u));right:calc(10 * var(--u));left:calc(10 * var(--u));gap:calc(4 * var(--u));padding:calc(5 * var(--u));border:calc(2 * var(--u)) solid #ffffffb3;border-radius:calc(10 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 #3a181166;background:#f7e2dee0;display:grid;position:absolute}.debug-row{grid-template-columns:calc(62 * var(--u)) 1fr;height:calc(23 * var(--u));padding:calc(2 * var(--u));border-radius:calc(13 * var(--u));box-shadow:inset 0 0 0 var(--u) #f0beba;background:#fff;align-items:center;display:grid}.debug-name{border-radius:calc(11 * var(--u));color:#fff;background:linear-gradient(#be1614,#960808);place-items:center;height:100%;font-weight:700;display:grid}.debug-row[data-disabled=true] .debug-name{background:#bea09e}.debug-value{height:100%;color:var(--red);font-size:calc(15 * var(--u));align-items:center;font-weight:800;display:flex}.debug-row[data-disabled=true] .debug-value{color:#bea09e}.debug-looks{gap:calc(4 * var(--u));padding-left:calc(4 * var(--u))}.debug-look{border-radius:calc(11 * var(--u));color:#965a56;cursor:pointer;flex:1;place-items:center;height:100%;display:grid;position:relative}.debug-look:has(:checked){color:#fff;background:linear-gradient(#f03c40,#d20e16)}:is(.debug-look:has(:focus-visible),.debug-pick:has(:focus-visible)){outline-offset:1px;outline:3px solid #ffb400}.debug-trainings{padding-block:0;border:0;min-inline-size:0;margin:0;padding-right:0}.debug-done{font-size:calc(12 * var(--u))}.debug-look:has(:disabled){color:#bea09e;cursor:default}.debug-look-input:disabled{cursor:default}.debug-look-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.debug-stepper{gap:calc(2 * var(--u));padding:0 calc(2 * var(--u))}.debug-arrow{width:calc(22 * var(--u));height:calc(22 * var(--u));cursor:pointer;touch-action:manipulation;background:linear-gradient(#f03c40,#c80a12);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}@supports ((-webkit-user-select:none) or (user-select:none)){.debug-arrow{-webkit-user-select:none;user-select:none}}.debug-arrow:before{width:calc(8 * var(--u));height:calc(10 * var(--u));margin-left:calc(2 * var(--u));clip-path:polygon(0 0,100% 50%,0 100%);content:"";background:#fff}.debug-arrow[data-direction=lower]:before{margin:0 calc(2 * var(--u)) 0 0;scale:-1 1}.debug-arrow:disabled{opacity:.3;cursor:default}.debug-pick{border-radius:calc(6 * var(--u));flex:1;align-self:stretch;place-items:center;display:grid;position:relative}.debug-shown{white-space:nowrap;pointer-events:none}.debug-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.debug-select:disabled{cursor:default}.debug-hint{min-height:1lh;margin:0 calc(4 * var(--u));color:var(--ink-red);font-size:calc(11 * var(--u));text-align:center;text-wrap:balance;font-weight:700;line-height:1.25}.debug-ok{--rim:#780010;--band:linear-gradient(#dc8089, #cd5663);right:calc(92 * var(--u));bottom:calc(12 * var(--u));left:calc(92 * var(--u));height:calc(36 * var(--u));border:calc(1.5 * var(--u)) solid #a10018;border-radius:calc(9 * var(--u));box-shadow:0 calc(4 * var(--u)) 0 #3a1811bf;font-size:calc(18 * var(--u));background:linear-gradient(#bb182a,#a9071e)}@media (prefers-reduced-motion:reduce){.debug-menu[open]{animation:none}.debug-trigger{transition:none}}.calc-skip{--skip-muted:oklch(74% .02 250);--skip-rule:oklch(37% .016 250);border:1px solid var(--skip-rule);height:36px;color:var(--skip-muted);cursor:pointer;background:0 0;border-radius:18px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:14px;transition:border-color .15s,color .15s;display:flex;position:fixed;bottom:12px;left:12px}.calc-skip:hover,.calc-skip:focus-visible{border-color:var(--skip-muted);color:oklch(93% .01 250)}}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-93-800-normal-CS6j4P1e.woff2)format("woff2");unicode-range:U+9B3C}
