:root{--bg-top:#e9f3ff;--bg-bottom:#f6fbff;--surface:#fff;--surface-soft:#f5f9ff;--surface-sunken:#eef4fd;--ink:#1e2b45;--ink-soft:#64748b;--ink-faint:#94a3b8;--ink-onbrand:#fff;--blue:#3b82f6;--blue-deep:#1d6fe0;--blue-dark:#1552b0;--blue-soft:#e7f0ff;--blue-tint:#f0f6ff;--yellow:#ffc93c;--yellow-deep:#f2a91b;--yellow-soft:#fff6dd;--green:#34c98b;--green-soft:#e3f8ef;--red:#ff6b6b;--purple:#8b7ff0;--orange:#ff9f5a;--cat-calc-a:#ffe3c7;--cat-calc-b:#ffd0a4;--cat-calc-ink:#c2691b;--cat-shape-a:#d8f6e7;--cat-shape-b:#bdecd8;--cat-shape-ink:#12876b;--cat-prob-a:#e8e0fd;--cat-prob-b:#d7cbfb;--cat-prob-ink:#6b55c9;--cat-graph-a:#d9eaff;--cat-graph-b:#bfdcff;--cat-graph-ink:#1f6ac2;--cat-strat-a:#fff3cc;--cat-strat-b:#ffe8a6;--cat-strat-ink:#b07d10;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--sh-xs:0 1px 2px #1e3a6e0f;--sh-sm:0 1px 2px #1e3a6e0d, 0 3px 8px #1e3a6e0d;--sh-md:0 2px 4px #1e3a6e0d, 0 8px 22px #1e3a6e12;--sh-lg:0 4px 8px #1e3a6e0f, 0 18px 44px #1e3a6e1a;--sh-btn:0 4px 0 var(--yellow-deep), 0 8px 18px #f2a91b59;--sh-btn-blue:0 4px 0 var(--blue-dark), 0 8px 18px #1d6fe04d;--nav-h:72px;--shell-max:1640px;--gutter:24px;--side-w:396px;--gap:20px;--ease:cubic-bezier(.22, .61, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 420px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-attachment:fixed;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,system-ui,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}*{scrollbar-width:thin;scrollbar-color:#c6d7ef transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c6d7ef padding-box content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);flex-direction:column;display:flex}.topnav{top:var(--safe-top);z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);transition:box-shadow .25s var(--ease);background:#ffffffdb;border-bottom:1px solid #1d6fe014;position:sticky}.topnav[data-scrolled=true]{box-shadow:var(--sh-sm)}.topnav__inner{max-width:var(--shell-max);height:var(--nav-h);padding:0 var(--gutter);align-items:center;gap:18px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;color:var(--blue-deep);flex-shrink:0;align-items:center;gap:9px;font-size:22px;font-weight:800;display:flex}.brand__spark{width:26px;height:26px;color:var(--yellow)}.nav{align-items:center;gap:4px;margin-left:12px;display:flex}.nav__item{border-radius:var(--r-pill);height:42px;color:var(--ink-soft);white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease);align-items:center;gap:7px;padding:0 15px;font-size:15px;font-weight:600;display:flex}.nav__item svg{flex-shrink:0;width:19px;height:19px}.nav__item:hover{background:var(--blue-tint);color:var(--blue-deep)}.nav__item[aria-current=page]{background:var(--blue-soft);color:var(--blue-deep);font-weight:700}.topnav__right{align-items:center;gap:12px;margin-left:auto;display:flex}.search{width:296px;position:relative}.search svg{width:17px;height:17px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search input{border-radius:var(--r-pill);background:var(--surface-soft);width:100%;height:42px;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border:1px solid #dfe9f8;padding:0 16px 0 42px;font-size:14px}.search input::placeholder{color:var(--ink-faint)}.search input:focus{background:var(--surface);border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #3b82f61f}.icon-btn{border-radius:var(--r-pill);width:42px;height:42px;color:var(--ink-soft);transition:background .2s var(--ease);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--blue-tint);color:var(--blue-deep)}.icon-btn svg{width:21px;height:21px}.icon-btn[data-badge=true]:after{content:"";background:var(--red);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.coin{border-radius:var(--r-pill);color:#a86f00;white-space:nowrap;background:linear-gradient(#fff2cd,#ffe49c);border:1px solid #ffd978;align-items:center;gap:7px;height:42px;padding:0 16px 0 11px;font-size:15px;font-weight:800;display:flex}.coin svg{width:20px;height:20px;color:var(--yellow-deep)}.profile-chip{border-radius:var(--r-pill);height:46px;transition:background .2s var(--ease);align-items:center;gap:9px;padding:0 12px 0 3px;display:flex}.profile-chip:hover{background:var(--blue-tint)}.profile-chip__name{white-space:nowrap;font-size:14.5px;font-weight:700}.profile-chip svg.chev{width:16px;height:16px;color:var(--ink-faint)}.avatar{background:var(--blue-soft);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px #3b82f640;border-radius:50%;flex-shrink:0;overflow:hidden}.avatar--sm{width:30px;height:30px}.avatar--md{width:40px;height:40px}.avatar--lg{width:62px;height:62px}.shell{width:100%;max-width:var(--shell-max);padding:var(--gap) var(--gutter) 28px;grid-template-columns:minmax(0, 1fr) var(--side-w);gap:var(--gap);flex:1;align-items:start;margin:0 auto;display:grid}.shell__main,.shell__side{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.hero{border-radius:var(--r-xl);text-align:center;min-height:316px;box-shadow:var(--sh-md);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.hero__art{z-index:-1;position:absolute;inset:0}.hero__art svg{width:100%;height:100%}.hero__art img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}.hero__art[hidden]{display:none}.hero--img .hero__body{position:relative}.hero--img .hero__body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff8c,#fff0);position:absolute;inset:-10px -60px}.hero--img .hero__title{text-shadow:0 2px #ffffffe6,0 0 18px #fffc}.hero--img .hero__eyebrow,.hero--img .hero__desc{text-shadow:0 0 10px #fffffff2}.hero__body{max-width:560px;padding:40px 24px 52px}.hero__eyebrow{color:#4a7fc4;margin-bottom:6px;font-size:15px;font-weight:600}.hero__title{letter-spacing:-.035em;color:var(--blue-dark);text-shadow:0 2px #ffffffbf;font-size:46px;font-weight:800;line-height:1.16}.hero__desc{color:#3f6392;margin-top:12px;font-size:16px;font-weight:500}.btn-cta{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffd971, var(--yellow));color:#6d4a00;height:58px;box-shadow:var(--sh-btn);transition:transform .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:10px;margin-top:24px;padding:0 34px;font-size:19px;font-weight:800;display:inline-flex}.btn-cta svg{width:22px;height:22px}.btn-cta:hover{box-shadow:0 6px 0 var(--yellow-deep), 0 12px 24px #f2a91b66;transform:translateY(-2px)}.btn-cta:active{box-shadow:0 2px 0 var(--yellow-deep), 0 4px 10px #f2a91b59;transform:translateY(2px)}.hero__dots{gap:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero__dot{width:8px;height:8px;transition:width .25s var(--ease), background .25s var(--ease);background:#1d6fe040;border-radius:50%}.hero__dot[aria-selected=true]{border-radius:var(--r-pill);background:var(--blue-deep);width:22px}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar--edit{cursor:pointer;transition:transform .15s var(--ease);position:relative;overflow:visible}.avatar--edit>img{border-radius:50%}.avatar--edit:hover{transform:scale(1.05)}.avatar__pen{background:var(--yellow);color:#6d4a00;width:22px;height:22px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar__pen svg{width:13px;height:13px}.brand__logo{width:auto;height:42px;display:block}.brand__mark{width:auto;height:40px;display:none}.hero__body--right{justify-self:end;margin-right:3%}.hero__body--left{justify-self:start;margin-left:3%}.hero--img .hero__body--dark:before{background:radial-gradient(closest-side,#0a142880,#0a142800)}.hero--img .hero__body--dark .hero__title{color:#fff;text-shadow:0 2px 12px #0009}.hero--img .hero__body--dark .hero__eyebrow,.hero--img .hero__body--dark .hero__desc{color:#dce8ff;text-shadow:0 1px 8px #000000b3}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-sm);border:1px solid #1d6fe00f}.card__head{align-items:center;gap:9px;padding:18px 20px 14px;display:flex}.card__head svg.lead{width:20px;height:20px;color:var(--blue);flex-shrink:0}.card__title{letter-spacing:-.02em;font-size:17px;font-weight:800}.card__sub{color:var(--ink-faint);font-size:13px;font-weight:500}.card__more{color:var(--ink-faint);transition:color .2s var(--ease);align-items:center;gap:3px;margin-left:auto;font-size:13.5px;font-weight:600;display:flex}.card__more:hover{color:var(--blue-deep)}.card__more svg{width:15px;height:15px}.card__body{padding:0 20px 20px}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.tile{border-radius:var(--r-md);text-align:left;isolation:isolate;min-height:148px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:16px 16px 18px;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.tile:active{transform:translateY(-1px)}.tile:before{content:"";z-index:-2;background:linear-gradient(150deg, var(--tile-a), var(--tile-b));position:absolute;inset:0}.tile:after{content:"";z-index:-1;background:#ffffff8c;border-radius:50% 50% 0 0;height:78px;position:absolute;bottom:-46px;left:-10%;right:-10%}.tile__icon{width:44px;height:44px;margin-bottom:9px;display:block}.tile--art{flex-direction:column;padding:0;display:flex}.tile--art:after{display:none}.tile__art{aspect-ratio:5/4;display:block;overflow:hidden}.tile__art img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);display:block}.tile--art:hover .tile__art img{transform:scale(1.05)}.tile__text{padding:11px 14px 14px;display:block}.tile__name{letter-spacing:-.02em;color:var(--tile-ink);font-size:17px;font-weight:800;display:block}.tile__desc{-webkit-line-clamp:2;color:#6f7f96;-webkit-box-orient:vertical;margin-top:3px;padding-right:30px;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.tile__go{width:30px;height:30px;color:var(--tile-ink);box-shadow:var(--sh-xs);transition:transform .2s var(--ease-back);background:#ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.tile__go svg{width:16px;height:16px}.tile:hover .tile__go{transform:translate(3px)}.games{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.game-card{border-radius:var(--r-md);background:var(--surface);text-align:left;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);border:1px solid #e8f0fb;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--sh-md);border-color:#d6e6fb;transform:translateY(-3px)}.game-card__art{aspect-ratio:16/10;background:var(--surface-sunken);display:block}.game-card__art svg,.game-card__art img{object-fit:cover;width:100%;height:100%;display:block}.game-card__body{padding:12px 13px 14px;display:block}.game-card__name{letter-spacing:-.02em;align-items:center;gap:6px;font-size:15.5px;font-weight:800;display:flex}.game-card__desc{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;font-weight:500;display:block;overflow:hidden}.progress{align-items:center;gap:8px;margin-top:11px;display:flex}.progress__track{border-radius:var(--r-pill);background:var(--surface-sunken);flex:1;height:7px;overflow:hidden}.progress__fill{border-radius:var(--r-pill);background:linear-gradient(90deg, #5fd6a4, var(--green));height:100%;transition:width .6s var(--ease)}.progress__value{color:var(--ink-soft);text-align:right;min-width:32px;font-size:12px;font-weight:700}.game-card__go{width:30px;height:30px;color:var(--blue-deep);box-shadow:var(--sh-sm);transition:transform .2s var(--ease-back);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:11px;right:11px}.game-card__go svg{width:16px;height:16px}.game-card:hover .game-card__go{transform:scale(1.12)}.profile-card__top{align-items:center;gap:13px;padding:18px 20px 0;display:flex}.profile-card__name{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.profile-card__greet{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.lv-badge{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffd971, var(--yellow));color:#6d4a00;height:27px;box-shadow:0 2px 0 var(--yellow-deep);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.lv-badge svg{width:15px;height:15px}.exp{padding:16px 20px 0}.exp__track{border-radius:var(--r-pill);background:var(--surface-sunken);height:9px;overflow:hidden}.exp__fill{border-radius:var(--r-pill);background:linear-gradient(90deg, #6aa8ff, var(--blue));height:100%;transition:width .6s var(--ease)}.exp__meta{color:var(--ink-faint);align-items:baseline;margin-top:7px;font-size:12.5px;font-weight:500;display:flex}.exp__meta b{color:var(--ink);margin-left:auto;font-weight:800}.exp__meta b span{color:var(--ink-faint);font-weight:600}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px 20px;display:grid}.stat{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid #eaf1fb;align-items:center;gap:9px;padding:10px 11px;display:flex}.stat__icon{flex-shrink:0;width:26px;height:26px}.stat__label{color:var(--ink-faint);white-space:nowrap;font-size:11.5px;font-weight:600;display:block}.stat__value{letter-spacing:-.01em;font-size:15px;font-weight:800;display:block}.mission{border-radius:var(--r-md);transition:background .2s var(--ease);text-align:left;align-items:center;gap:11px;width:100%;padding:11px 12px;display:flex}.mission+.mission{margin-top:4px}.mission:hover{background:var(--surface-soft)}.mission__check{color:#0000;width:26px;height:26px;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border:2px solid #d9e4f2;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mission__check svg{width:15px;height:15px}.mission[data-done=true] .mission__check{background:var(--green);border-color:var(--green);color:#fff}.mission__label{min-width:0;font-size:14px;font-weight:600;display:block}.mission[data-done=true] .mission__label{color:var(--ink-soft)}.reward{border-radius:var(--r-pill);background:var(--yellow-soft);color:#a86f00;white-space:nowrap;align-items:center;gap:4px;height:25px;margin-left:auto;padding:0 9px;font-size:12.5px;font-weight:800;display:inline-flex}.reward svg{width:14px;height:14px;color:var(--yellow-deep)}.rank-row{border-radius:var(--r-md);transition:background .2s var(--ease);align-items:center;gap:11px;padding:9px 12px;display:flex}.rank-row:hover{background:var(--surface-soft)}.rank-row[data-me=true]{background:var(--blue-soft)}.rank-row[data-me=true] .rank-row__name{color:var(--blue-deep);font-weight:800}.rank-row[data-me=true] .rank-row__score{color:var(--blue-deep)}.rank-row__pos{width:26px;color:var(--ink-faint);flex-shrink:0;place-items:center;font-size:13.5px;font-weight:800;display:grid}.rank-row__pos svg{width:22px;height:22px}.rank-row__name{font-size:14.5px;font-weight:700}.rank-row__score{letter-spacing:-.01em;margin-left:auto;font-size:15px;font-weight:800}.rank-foot{color:var(--ink-faint);justify-content:center;align-items:center;gap:7px;padding:14px 20px 4px;font-size:12.5px;font-weight:500;display:flex}.rank-foot svg{width:16px;height:16px}.footer{max-width:var(--shell-max);width:100%;padding:8px var(--gutter) calc(24px + var(--safe-bottom));color:var(--ink-faint);align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.footer__note{align-items:center;gap:8px;font-weight:600;display:flex}.footer__note svg{width:20px;height:20px}.footer__quote{text-align:right;margin-left:auto;font-style:italic}.shell--single{grid-template-columns:minmax(0,1fr)}.games--wide{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-pill);background:var(--surface);height:38px;color:var(--ink-soft);transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);border:1.5px solid #e3ecf9;padding:0 16px;font-size:14px;font-weight:700}.chip:hover:not(:disabled){border-color:var(--blue);color:var(--blue-deep)}.chip[data-on=true]{background:var(--blue);border-color:var(--blue);color:#fff}.chip:disabled{opacity:.45;cursor:default}.filterbar{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin-bottom:18px;padding:10px;display:flex}.cat-tabs{flex-wrap:wrap;gap:6px;display:flex}.cat-tab{--tab-a:#eaf2ff;--tab-b:#d6e6ff;--tab-ink:var(--blue-deep);border-radius:var(--r-pill);height:46px;color:var(--ink-soft);letter-spacing:-.02em;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);background:0 0;align-items:center;gap:8px;padding:0 14px 0 6px;font-size:14.5px;font-weight:800;display:inline-flex}.cat-tab:hover:not(:disabled){color:var(--ink);background:#f3f7fd}.cat-tab[data-on=true]{background:linear-gradient(150deg, var(--tab-a), var(--tab-b));color:var(--tab-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tab-ink) 22%, transparent), var(--sh-xs)}.cat-tab:disabled{opacity:.4;cursor:default}.cat-tab__icon{width:34px;height:34px;transition:transform .25s var(--ease-back,ease);background:#f1f5fb;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 2px 6px #1e3a6e24}.cat-tab__icon img{object-fit:cover;width:100%;height:100%}.cat-tab__icon svg{width:22px;height:22px}.cat-tab:first-child .cat-tab__icon{color:var(--blue);background:#eaf2ff}.cat-tab:hover:not(:disabled) .cat-tab__icon,.cat-tab[data-on=true] .cat-tab__icon{transform:scale(1.08)rotate(-4deg)}.cat-tab__count{border-radius:var(--r-pill);min-width:22px;height:20px;color:var(--ink-faint);text-align:center;background:#eef3fa;padding:0 6px;font-size:11.5px;font-weight:800;line-height:20px}.cat-tab[data-on=true] .cat-tab__count{color:var(--tab-ink);background:#ffffffbf}.age-filter{align-items:center;gap:8px;margin-left:auto;display:flex}.age-filter__label{color:var(--ink-faint);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.age-filter__label svg{width:15px;height:15px}.seg{border-radius:var(--r-pill);background:#eef3fa;gap:2px;padding:3px;display:inline-flex}.seg__btn{border-radius:var(--r-pill);height:34px;color:var(--ink-soft);transition:background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:5px;padding:0 13px;font-size:13.5px;font-weight:800;display:inline-flex}.seg__btn:hover:not(:disabled){color:var(--ink)}.seg__btn[data-on=true]{background:var(--surface);color:var(--blue-deep);box-shadow:var(--sh-sm)}.seg__btn:disabled{opacity:.4;cursor:default}.seg__n{color:var(--ink-faint);font-size:11px;font-weight:700}.seg__btn[data-on=true] .seg__n{color:var(--blue)}.chips--sub{align-items:center;margin-top:10px}.chips__label{color:var(--ink-soft);margin-right:2px;font-size:13px;font-weight:800}.chip--sm{height:32px;padding:0 13px;font-size:13px}.game-card__badges{flex-wrap:nowrap;gap:4px;margin-top:5px;display:flex;overflow:hidden}.badge{border-radius:var(--r-pill);background:var(--blue-soft,#e8f1ff);height:20px;color:var(--blue-deep,#1f5fbf);white-space:nowrap;flex:none;padding:0 7px;font-size:11px;font-weight:800;line-height:20px}.badge--age{color:#9a6a08;background:#fff3cc}.bigstats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bigstat{border-radius:var(--r-md);background:var(--surface-soft);text-align:center;border:1px solid #eaf1fb;padding:18px 14px}.bigstat__value{letter-spacing:-.03em;font-size:26px;font-weight:800}.bigstat__label{color:var(--ink-faint);margin-top:3px;font-size:12.5px;font-weight:600}.record-table{border-collapse:collapse;width:100%;font-size:14.5px}.record-table thead td{color:var(--ink-faint);text-align:center;padding-bottom:8px;font-size:12.5px;font-weight:700}.record-table thead th{text-align:left;color:var(--ink-faint);padding-bottom:8px;font-size:12.5px;font-weight:700}.record-table tbody th{text-align:left;border-top:1px solid #eef3fb;padding:11px 0;font-weight:700}.record-table tbody td{text-align:center;border-top:1px solid #eef3fb;padding:11px 0;font-weight:700}.record-table .dim{color:var(--ink-faint);font-weight:500}.setting{align-items:center;gap:16px;padding:14px 0;display:flex}.setting+.setting{border-top:1px solid #eef3fb}.setting__label{font-size:15px;font-weight:700}.setting__desc{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.setting__input{border-radius:var(--r-md);background:var(--surface-soft);text-align:center;border:1.5px solid #e3ecf9;width:180px;height:42px;margin-left:auto;padding:0 14px;font-size:14.5px;font-weight:600}.setting__input:focus{border-color:var(--blue);background:var(--surface);outline:none;box-shadow:0 0 0 4px #3b82f61f}.setting .btn-ghost{flex-shrink:0;margin-left:auto}.switch{border-radius:var(--r-pill);width:56px;height:32px;transition:background .2s var(--ease);background:#d9e4f2;flex-shrink:0;margin-left:auto;padding:3px}.switch__knob{width:26px;height:26px;box-shadow:var(--sh-sm);transition:transform .2s var(--ease-back);background:#fff;border-radius:50%;display:block}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true] .switch__knob{transform:translate(24px)}.toast{left:50%;bottom:calc(32px + var(--safe-bottom));z-index:400;border-radius:var(--r-pill);color:#fff;box-shadow:var(--sh-lg);animation:toast-in .25s var(--ease-back);background:#1e2b45f0;padding:13px 22px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}.toast--out{opacity:0;transition:opacity .35s var(--ease)}@media (max-width:980px){.bigstats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.games--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.setting{flex-wrap:wrap}.setting__input{width:100%;margin-left:0}}svg.icon-art{filter:drop-shadow(0 1px 1.2px #3c280040);overflow:visible}.lv-badge svg.icon-art{width:18px;height:18px}.card__meta{color:var(--ink-faint);margin-left:auto;font-size:12.5px;font-weight:700}.bigstat__sub{color:var(--ink-faint);margin-top:2px;font-size:11.5px}.dq-list{gap:10px;display:grid}.dq{border-radius:var(--r-lg);background:var(--surface-soft);border:2px solid #0000;align-items:center;gap:14px;padding:12px 14px;display:flex}.dq--done{background:var(--yellow-soft);border-color:var(--yellow)}.dq__art{border-radius:var(--r-md);background:var(--blue-tint);flex:none;place-items:center;width:84px;height:56px;display:grid;overflow:hidden}.dq__art svg,.dq__art img{object-fit:cover;width:100%;height:100%}.dq__emoji{font-size:30px}.dq__body{flex:1;gap:3px;min-width:0;display:grid}.dq__title{letter-spacing:-.02em;font-size:15.5px;font-weight:800}.dq__desc{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.dq__bar{border-radius:var(--r-pill);background:var(--surface-sunken);height:8px;margin-top:4px;overflow:hidden}.dq__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--purple));height:100%;display:block}.dq--done .dq__bar span{background:linear-gradient(90deg, var(--yellow-deep), var(--orange))}.dq__num{color:var(--ink-faint);font-size:11.5px;font-weight:700}.dq__claim,.dq__go{border-radius:var(--r-pill);flex:none;align-items:center;gap:4px;padding:10px 14px;font-size:13.5px;font-weight:800;display:inline-flex}.dq__claim{background:var(--yellow);color:#5a3a00;box-shadow:var(--sh-btn);animation:dq-pulse 1.4s var(--ease) infinite}.dq__go{background:var(--blue);color:var(--ink-onbrand);box-shadow:var(--sh-btn-blue)}.dq__go svg{width:14px;height:14px}.dq__state{color:var(--ink-faint);flex:none;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.dq__state--got{color:var(--green)}.dq__state svg{width:16px;height:16px}@keyframes dq-pulse{50%{transform:scale(1.06)}}.wk{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.wk__day{justify-items:center;gap:4px;display:grid}.wk__bar{border-radius:var(--r-md);background:var(--surface-sunken);align-items:flex-end;width:100%;height:70px;display:flex;overflow:hidden}.wk__bar span{background:linear-gradient(180deg, var(--orange), var(--yellow));border-radius:var(--r-md) var(--r-md) 0 0;width:100%;display:block}.wk__stamp{height:18px;color:var(--green);font-weight:900}.wk__name{color:var(--ink-soft);font-size:12px;font-weight:800}.wk__day--today .wk__name{color:var(--blue-deep)}.wk__day--today .wk__bar{outline:2px solid var(--blue);outline-offset:1px}.wk__min{color:var(--ink-faint);font-size:10.5px}.bdg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.bdg{text-align:center;border-radius:var(--r-lg);background:var(--surface-soft);filter:grayscale();opacity:.72;justify-items:center;gap:4px;padding:14px 10px 12px;display:grid}.bdg--on{filter:none;opacity:1;background:linear-gradient(180deg, var(--yellow-soft), var(--surface));box-shadow:inset 0 0 0 2px var(--yellow)}.bdg__icon{font-size:34px;line-height:1}.bdg__name{font-size:14px;font-weight:800}.bdg__desc{color:var(--ink-soft);min-height:30px;font-size:11.5px}.bdg__bar{border-radius:var(--r-pill);background:var(--surface-sunken);width:100%;height:6px;overflow:hidden}.bdg__bar span{background:var(--yellow-deep);height:100%;display:block}.bdg__num{color:var(--ink-faint);font-size:11.5px;font-weight:800}.bdg--on .bdg__num{color:var(--yellow-deep)}.rb{border-radius:var(--r-lg);background:var(--surface-soft);margin-bottom:10px;padding:10px 12px}.rb__head{align-items:center;gap:10px;display:flex}.rb__art{border-radius:var(--r-sm);flex:none;width:56px;height:38px;overflow:hidden}.rb__art svg,.rb__art img{object-fit:cover;width:100%;height:100%}.rb__title{flex:1;font-weight:800}.rb__list{padding:8px 0 0!important}.cal{padding-bottom:4px}.cal__months{grid-template-columns:repeat(var(--weeks), minmax(0, 30px));justify-content:space-between;gap:4px;margin-bottom:6px;display:grid}.cal__month{color:var(--ink-faint);white-space:nowrap;font-size:11px}.cal__grid{grid-template-columns:repeat(var(--weeks), minmax(0, 30px));justify-content:space-between;gap:4px;display:grid}.cal__col{gap:4px;display:grid}@media (max-width:680px){.cal{overflow-x:auto}.cal__months,.cal__grid{width:640px}}.cal__cell{aspect-ratio:1;background:var(--surface-sunken);border-radius:5px;width:100%;display:block}.cal__legend .cal__cell{aspect-ratio:auto;width:14px;height:14px;display:inline-block}.cal__cell[data-lv="-1"]{visibility:hidden}.cal__cell[data-lv="1"]{background:#c9e8ff}.cal__cell[data-lv="2"]{background:#7ec4ff}.cal__cell[data-lv="3"]{background:#3a8ae8}.cal__cell[data-lv="4"]{background:#1f5ab8}.cal__legend{color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.tp{grid-template-columns:62px 1fr 66px;align-items:center;gap:8px;padding:6px 0;display:grid}.tp__name{font-size:13px;font-weight:800}.tp__track{border-radius:var(--r-pill);background:var(--surface-sunken);height:10px;overflow:hidden}.tp__track span{border-radius:inherit;height:100%;display:block}.tp__val{color:var(--ink-soft);text-align:right;font-size:12px}.tp__hint{color:var(--ink-soft);margin-top:10px;font-size:12px;line-height:1.5}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.pg{text-align:left;border-radius:var(--r-lg);background:var(--surface-soft);transition:transform .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:12px;padding:10px;display:flex}.pg:hover{box-shadow:var(--sh-sm);transform:translateY(-2px)}.pg__art{border-radius:var(--r-md);flex:none;width:86px;height:64px;overflow:hidden}.pg__art svg,.pg__art img{object-fit:cover;width:100%;height:100%}.pg__body{gap:2px;min-width:0;display:grid}.pg__name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;overflow:hidden}.pg__row{color:var(--ink-soft);font-size:12.5px}.pg__row b{color:var(--blue-deep)}.pg__when{color:var(--ink-faint);font-size:11px}.lp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.lp{border-radius:var(--r-lg);background:var(--surface-soft);text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.lp--new{opacity:.75}.lp__art{border-radius:var(--r-sm);flex:none;width:54px;height:40px;overflow:hidden}.lp__art svg,.lp__art img{object-fit:cover;width:100%;height:100%}.lp__body{flex:1;min-width:0;display:grid}.lp__name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.lp__state{color:var(--ink-faint);font-size:11.5px}.lp__got{color:var(--yellow-deep);flex:none;font-size:13px;font-weight:900}.lp--new .lp__got{color:var(--blue)}.rc{border-bottom:1px dashed var(--surface-sunken);grid-template-rows:auto auto;grid-template-columns:44px 1fr auto;align-items:center;column-gap:10px;padding:7px 0;display:grid}.rc:last-child{border-bottom:0}.rc__art{border-radius:6px;grid-row:span 2;width:44px;height:32px;overflow:hidden}.rc__art svg,.rc__art img{object-fit:cover;width:100%;height:100%}.rc__name{font-size:13px;font-weight:800}.rc__meta{color:var(--ink-soft);grid-column:2;font-size:11.5px}.rc__when{color:var(--ink-faint);grid-area:1/3/span 2;font-size:11px}@media (max-width:680px){.dq{flex-wrap:wrap}.dq__art{width:64px;height:44px}.bdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.orec{border-bottom:1px solid #eef2f8;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 0;font-size:13.5px;display:grid}.orec:last-child{border-bottom:0}.orec__name{font-weight:800}.orec__wld .w{color:#1f8a4c}.orec__wld .l{color:#c4302b}.orec__wld .d{color:var(--ink-faint)}.orec__bar{background:#fde2e0;border-radius:99px;align-self:center;height:8px;overflow:hidden}.orec__bar i{background:#3fb86a;height:100%;display:block}.orec__rate{color:var(--ink-faint);font-size:12px}.picks__more{color:var(--ink-soft,#6a7a90);text-align:center;margin:8px 0 14px;font-size:13px}.acct-strip--later{opacity:.9;margin-top:14px;font-size:13px}.rulebook__read{z-index:3;color:#34405a;background:#fff;border-radius:999px;align-items:center;gap:6px;height:40px;padding:0 14px 0 11px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:-8px;left:-8px;box-shadow:0 4px 14px #00000040}.rulebook__read svg{width:18px;height:18px}.rulebook__read[aria-pressed=true]{background:var(--rb-accent,#3a7ae8);color:#fff;animation:1.2s ease-in-out infinite rb-read-pulse}@keyframes rb-read-pulse{50%{box-shadow:0 0 0 6px #3a7ae840,0 4px 14px #00000040}}.rulebook[data-spread=false] .rb-page__head{padding-left:96px}.lang-btn{height:38px;color:var(--blue-deep,#1f4fa8);background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 1px #14285014,inset 0 0 0 1px #1f4fa82e}.lang-btn svg{width:17px;height:17px}@media (max-width:680px){.lang-btn{height:34px;padding:0 10px;font-size:13px}}.join-chip{color:#4a2c00;white-space:nowrap;background:linear-gradient(#ffd35a,#ffb31f);border-radius:99px;flex:none;padding:8px 14px;font-size:14px;font-weight:800;box-shadow:0 2px #d68a00}.join-chip:hover{filter:brightness(1.04)}.join-chip:active{transform:translateY(1px);box-shadow:0 1px #d68a00}.join-chip__short{display:none}@media (max-width:680px){.join-chip{padding:6px 11px;font-size:13px}.join-chip__long{display:none}.join-chip__short{display:inline}}.guest-save{background:linear-gradient(135deg,#fff7dc,#ffeec2);border:1px solid #ffe08a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:18px 22px;display:flex}.guest-save__text{gap:4px;min-width:0;display:grid}.guest-save__text b{color:var(--ink);font-size:16px}.guest-save__text span{color:var(--ink-soft);font-size:13.5px}.guest-save__actions{flex:none;gap:8px;display:flex}.guest-save__actions .acct-btn,.result__join .acct-btn{white-space:nowrap;padding-inline:16px}.result__join{color:var(--ink);text-align:left;background:#fff6d6;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;font-size:13.5px;font-weight:700;display:flex}.result__join span{flex:1;min-width:0}.result__join .acct-btn{flex:none}.result__join-x{width:28px;height:28px;color:var(--ink-faint);border-radius:50%;flex:none;font-size:14px}.result__join-x:hover{background:#0000000f}@media (max-width:430px){.lang-btn{gap:0;padding:0 9px}.lang-btn svg{display:none}}.lang-pick{flex-shrink:0;position:relative}.lang-menu{z-index:60;background:#fff;border-radius:14px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #1428502e,0 0 0 1px #1f4fa81a}.lang-menu[hidden]{display:none}.lang-menu__item{text-align:left;color:#34405a;border-radius:9px;width:100%;padding:9px 12px;font-size:14px;font-weight:700;display:block}.lang-menu__item:hover{background:#eef4ff}.lang-menu__item[aria-checked=true]{color:var(--blue-deep,#1f4fa8);background:#e4eeff}:root:lang(ja) body,html[lang=ja] body{font-family:Pretendard JP Variable,Pretendard,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}.fb-kinds{margin:14px 0 6px}.sheet--feedback select{border:2px solid var(--blue-soft);width:100%;height:42px;font:inherit;background:#fff;border-radius:10px;margin-top:6px;padding:0 10px}.fb-text{border:2px solid var(--blue-soft);width:100%;font:inherit;resize:vertical;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:15px;line-height:1.5}.fb-text:focus,.sheet--feedback select:focus{border-color:var(--blue);outline:none}.fb-meta{text-align:right;color:var(--ink-faint);font-size:12px}.pause-report{color:var(--ink-soft);border-radius:99px;margin:14px auto 0;padding:6px 12px;font-size:13.5px;font-weight:700;display:block}.pause-report:hover{background:#0000000d}button.footer__link{cursor:pointer;background:0 0}.rank-card__body{gap:14px;display:grid}.rank-pick{align-items:center;gap:10px;min-width:0;display:flex}.rank-games{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}.rank-games::-webkit-scrollbar{display:none}.rank-game{background:var(--surface-sunken);border:2px solid #0000;border-radius:14px;flex:none;justify-items:center;gap:4px;width:78px;padding:6px 4px 8px;transition:border-color .15s,background .15s;display:grid}.rank-game[aria-pressed=true]{background:var(--blue-tint);border-color:var(--blue)}.rank-game__art{border-radius:8px;width:64px;height:40px;overflow:hidden}.rank-game__art img,.rank-game__art svg{object-fit:cover;width:100%;height:100%;display:block}.rank-game__name{width:100%;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:11.5px;font-weight:800;overflow:hidden}.rank-game[aria-pressed=true] .rank-game__name{color:var(--blue-deep)}.rank-select{border:2px solid var(--blue-soft);max-width:150px;height:38px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;flex:none;padding:0 10px;font-size:13.5px;font-weight:700}.rank-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rank-head__game{display:grid}.rank-head__game b{font-size:18px}.rank-head__game small{color:var(--ink-faint);font-size:12px}.rank-diffs{background:var(--surface-sunken);border-radius:99px;gap:4px;padding:3px;display:flex}.rank-diffs button{color:var(--ink-soft);border-radius:99px;padding:6px 14px;font-size:13.5px;font-weight:800}.rank-diffs button[aria-selected=true]{color:var(--blue-deep);background:#fff;box-shadow:0 1px 3px #0000001f}.rank-loading{place-items:center;min-height:220px;display:grid}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding-top:8px;display:grid}.podium__slot{text-align:center;justify-items:center;gap:4px;min-width:0;display:grid;position:relative}.podium__medal{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid;box-shadow:0 2px #00000026}.podium__slot--1 .podium__medal{background:linear-gradient(#ffd65a,#f0a91d);width:32px;height:32px;font-size:15px}.podium__slot--2 .podium__medal{background:linear-gradient(#d6dde6,#9aa8b8)}.podium__slot--3 .podium__medal{background:linear-gradient(#e8b98f,#c98f5a)}.podium__slot .avatar{width:56px;height:56px;box-shadow:0 0 0 3px #fff,0 4px 10px #1432642e}.podium__slot--1 .avatar{width:70px;height:70px;box-shadow:0 0 0 3px #ffd65a,0 6px 14px #f0a91d59}.podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.podium__score{color:var(--blue-deep);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.podium__score small,.rank-row2__score small,.rank-me__score small{color:var(--ink-faint);margin-left:2px;font-size:.72em;font-weight:700}.podium__step{background:linear-gradient(#eef4ff,#dfe9fb);border-radius:12px 12px 4px 4px;width:100%;margin-top:4px}.podium__slot--1 .podium__step{background:linear-gradient(#fff3c9,#ffe28a);height:58px}.podium__slot--2 .podium__step{height:40px}.podium__slot--3 .podium__step{height:28px}.podium__slot.is-empty .podium__step{opacity:.5}.podium__slot.is-me .podium__name{color:var(--blue-deep)}.rank-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank-row2{background:var(--surface-sunken);border-radius:12px;grid-template-columns:26px 32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.rank-row2__pos{color:var(--ink-faint);text-align:center;font-weight:900}.rank-row2 .avatar{width:32px;height:32px}.rank-row2__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-row2__score{font-variant-numeric:tabular-nums;font-weight:900}.rank-row2.is-me{background:var(--blue-tint);box-shadow:inset 0 0 0 2px var(--blue-soft)}.rank-me{background:linear-gradient(135deg,#e9f2ff,#dfeaff);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.rank-me b{color:var(--blue-deep);font-size:20px}.rank-me small{color:var(--ink-faint)}.rank-me__score{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:900}.rank-me--none{background:var(--surface-sunken);color:var(--ink-soft);justify-content:space-between;font-size:13.5px}.rank-empty{text-align:center;color:var(--ink-soft);justify-items:center;gap:6px;padding:28px 12px;display:grid}.rank-empty__icon svg{color:#f0a91d;width:44px;height:44px}.rank-empty b{color:var(--ink);font-size:17px}.rank-play{margin-top:6px;padding:10px 20px}.shell--challenge .wk__bar{height:38px}.shell--challenge .wk__stamp{height:14px;font-size:12px}.shell--challenge .shell__side .bdg-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}@media (max-width:480px){.rank-select{max-width:110px}.podium__slot .avatar{width:46px;height:46px}.podium__slot--1 .avatar{width:58px;height:58px}}.podium{width:100%;max-width:560px;margin:0 auto}.rank-me .rank-play{margin-top:0;padding:8px 16px;font-size:14px}.hub{width:100%;max-width:var(--shell-max);padding:var(--gap) var(--gutter) 28px;gap:16px;margin:0 auto;display:grid}.hub-hero{color:#fff;background:linear-gradient(135deg,#1d3a6e,#0f2346);border-radius:24px;min-height:260px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f23462e}.hub-hero__art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hub-hero__shade{background:linear-gradient(90deg,#08142de0 0%,#08142d99 45%,#08142d0d 100%);position:absolute;inset:0}.hub-back{z-index:1;color:#fff;background:#ffffff29;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:700;text-decoration:none;position:absolute;top:14px;left:18px}.hub-back:hover{background:#ffffff42}.hub-hero__body{gap:10px;max-width:560px;padding:58px 28px 26px;display:grid;position:relative}.hub-hero__title{letter-spacing:-.02em;text-shadow:0 3px 12px #00000059;margin:0;font-size:clamp(28px,4vw,40px);font-weight:900}.hub-hero__sub{color:#ffffffdb;margin:0;font-size:15px;line-height:1.5}.hub-quick{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.hub-diffs{background:#ffffff29;border-radius:99px;gap:3px;padding:3px;display:flex}.hub-diff{color:#ffffffd9;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:800}.hub-diff[aria-pressed=true]{color:var(--blue-deep);background:#fff}.hub-play{padding:12px 22px;font-size:16px}.hub-more{flex-wrap:wrap;gap:8px;display:flex}.hub-hero .hub-chip{color:#fff;background:#ffffff29}.hub-chip{background:var(--surface-sunken);color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:7px 13px;font-size:13.5px;font-weight:800;display:inline-flex}.hub-chip:hover{filter:brightness(.96)}.hub-chip[aria-pressed=true]{background:var(--blue);color:#fff}.hub-h{margin:0 0 8px;font-size:16px}.hub-next__row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.hub-next__card{box-shadow:0 0 0 2px var(--blue-soft), 0 6px 16px #14326414;text-align:left;background:#fff;border-radius:18px;gap:4px;padding:16px 18px;transition:transform .15s;display:grid}.hub-next__card:hover{transform:translateY(-2px)}.hub-next__tag{background:var(--blue-tint);color:var(--blue-deep);border-radius:99px;justify-self:start;padding:2px 10px;font-size:12px;font-weight:800}.hub-next__card b{font-size:17px}.hub-next__go{color:var(--blue-deep);align-items:center;gap:2px;font-size:13.5px;font-weight:800;display:inline-flex}.hub-next__go svg{width:16px;height:16px}.hub-tabs{scrollbar-width:none;border-bottom:2px solid #e3eaf5;gap:4px;display:flex;overflow-x:auto}.hub-tabs a{color:var(--ink-soft);white-space:nowrap;border-bottom:3px solid #0000;flex:none;margin-bottom:-2px;padding:10px 16px;font-weight:800;text-decoration:none}.hub-tabs a small{background:var(--surface-sunken);border-radius:99px;margin-left:4px;padding:1px 7px;font-size:11.5px}.hub-tabs a[aria-selected=true]{color:var(--blue-deep);border-bottom-color:var(--blue)}.hub-panel{padding:18px}.hub-note{color:var(--ink-faint);margin:0 0 10px;font-size:13px}.hub-list{gap:8px;display:grid}.hub-lesson{background:var(--surface-sunken);text-align:left;border-radius:14px;grid-template-columns:30px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.hub-lesson:hover{filter:brightness(.97)}.hub-lesson__num{color:var(--ink-faint);text-align:center;font-weight:900}.hub-lesson__glyph{color:#3b2a14;background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:30px;line-height:1;display:grid;box-shadow:0 2px #0000000f}.hub-lesson__text{min-width:0;display:grid}.hub-lesson__text b{font-size:15.5px}.hub-lesson__text small{color:var(--ink-soft);font-size:13px}.hub-lesson__state{color:var(--ink-faint);font-size:13px;font-weight:800}.hub-lesson.is-done .hub-lesson__state{color:#1f9a55}.hub-lesson.is-next{background:var(--blue-tint);box-shadow:inset 0 0 0 2px var(--blue)}.hub-lesson.is-next .hub-lesson__state{background:var(--blue);color:#fff;border-radius:99px;padding:5px 12px}.hub-pgroup+.hub-pgroup{margin-top:18px}.hub-pgroup__head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.hub-pgroup__head span{color:var(--ink-faint);font-size:13px}.hub-pgroup__head small{color:var(--blue-deep);margin-left:auto;font-weight:800}.hub-pgrid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.hub-ptile{aspect-ratio:1;background:var(--surface-sunken);color:var(--ink-soft);border-radius:12px;font-weight:900;position:relative}.hub-ptile:hover{filter:brightness(.96)}.hub-ptile.is-done{color:#7a5200;background:linear-gradient(#fff3c9,#ffe28a)}.hub-ptile i{color:#e3a51f;font-size:12px;font-style:normal;position:absolute;top:2px;right:4px}.hub-ptile.is-next{background:var(--blue);color:#fff;box-shadow:0 0 0 3px var(--blue-soft);animation:1.6s ease-in-out infinite hub-pulse}@keyframes hub-pulse{50%{box-shadow:0 0 0 7px var(--blue-soft)}}.hub-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px;display:grid}.hub-stat{background:var(--surface-sunken);border-radius:14px;justify-items:center;gap:2px;padding:12px 8px;display:grid}.hub-stat b{color:var(--blue-deep);font-size:22px}.hub-stat span{color:var(--ink-soft);font-size:13px;font-weight:700}.hub-stat small{color:var(--ink-faint);font-size:12px}.hub-table{border-collapse:collapse;width:100%;font-size:14px}.hub-table th,.hub-table td{text-align:left;border-bottom:1px solid #e3eaf5;padding:8px 10px}.hub-table thead th{color:var(--ink-faint);font-size:12.5px}.hub-h3{margin:18px 0 8px;font-size:15px}.hub-h3 small{color:var(--ink-faint);margin-left:6px;font-weight:600}.hub-games{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hub-game{background:var(--surface-sunken);border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.hub-game__res{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.hub-game__res--win{background:#1f9a55}.hub-game__res--loss{background:#d64545}.hub-game__res--draw{background:#8a97ab}.hub-game__text{min-width:0;display:grid}.hub-game__text small{color:var(--ink-faint);font-size:12.5px}.hub-empty{text-align:center;color:var(--ink-soft);padding:18px}.hub-math{gap:16px;display:grid}.hub-story{background:var(--surface-sunken);border-radius:18px;padding:16px}.hub-story h3{margin:0 0 6px;font-size:18px}.hub-story>p{color:var(--ink-soft);margin:0 0 12px;font-size:14.5px;line-height:1.6}.wheat,.kt{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.wheat__board{aspect-ratio:1;border-radius:8px;grid-template-columns:repeat(8,1fr);width:min(100%,280px);display:grid;overflow:hidden;box-shadow:0 0 0 4px #8a5a2c}.wheat__board span{background:#f3e2c2}.wheat__board span:nth-child(16n+2),.wheat__board span:nth-child(16n+4),.wheat__board span:nth-child(16n+6),.wheat__board span:nth-child(16n+8),.wheat__board span:nth-child(16n+9),.wheat__board span:nth-child(16n+11),.wheat__board span:nth-child(16n+13),.wheat__board span:nth-child(16n+15){background:#c79a64}.wheat__board span[data-on=true]{background:color-mix(in srgb, #ffd23f calc(40% + var(--k) * 60%), #fff3c9);box-shadow:inset 0 0 0 1px #a06e004d}.wheat__info{flex:1;gap:8px;min-width:200px;display:grid}.wheat__info>div:not(.wheat__btns){background:#fff;border-radius:12px;padding:8px 12px;display:grid}.wheat__info>div span{color:var(--ink-faint);font-size:12.5px}.wheat__info b{word-break:break-all;font-variant-numeric:tabular-nums;font-size:17px}.wheat__hint,.kt__msg{color:var(--blue-deep);min-height:1.4em;margin:0;font-size:14px;font-weight:700}.wheat__btns{flex-wrap:wrap;gap:6px;display:flex}.kt__board{--n:5;grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;border-radius:8px;width:min(100%,320px);display:grid;overflow:hidden;box-shadow:0 0 0 4px #8a5a2c}.kt__board--8{--n:8}.kt__board button{color:#5a3a14;border-radius:0;place-items:center;padding:0;font-size:clamp(11px,2.4vw,15px);font-weight:800;display:grid}.kt__board button.l{background:#f3e2c2}.kt__board button.d{background:#c79a64}.kt__board button.past{color:#1b3d73;background:#a9c8f5}.kt__board button.can{background:#8fe0a9;box-shadow:inset 0 0 0 2px #1f9a55}.kt__board button.cur{background:#ffd23f;font-size:clamp(18px,4vw,26px)}.kt__board button.hint{box-shadow:inset 0 0 0 3px #ff8a00}.kt__board button.hit{background-image:linear-gradient(#d6454547,#d6454547)}.kt__board--8 button{color:#1d2a44;font-size:clamp(16px,3.4vw,24px)}.kt__board button.clash{color:#8a0d0d;background:#ff9b9b}.kt__side{flex:1;align-content:start;gap:8px;min-width:200px;display:grid}.kt__side>b{color:var(--blue-deep);font-size:20px}.kt__size{gap:6px;display:flex}@media (max-width:480px){.hub-hero__body{padding:54px 18px 20px}.hub-lesson{grid-template-columns:22px 38px minmax(0,1fr)}.hub-lesson__state{display:none}}.hub-story .hub-chip{background:#fff;box-shadow:0 1px 2px #1432641f}.hub-story .hub-chip[aria-pressed=true]{background:var(--blue)}.tabbar{display:none}@media (max-width:1460px){:root{--side-w:352px;--gutter:20px}.search{width:220px}}@media (max-width:1180px){.shell{grid-template-columns:minmax(0,1fr)}.shell__side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.shell__side>:first-child{grid-column:1/-1}}@media (max-width:980px){.nav__item span{display:none}.nav__item{padding:0 12px}.search{width:44px}.search input{cursor:pointer;padding-left:42px;padding-right:0}.search input::placeholder{color:#0000}.search:focus-within{width:260px}.search:focus-within input{cursor:text;padding-right:16px}.search:focus-within input::placeholder{color:var(--ink-faint)}.tiles,.games{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:260px}.hero__title{font-size:38px}}@media (max-width:680px){:root{--gutter:14px;--gap:14px;--nav-h:60px}.nav,.search,.icon-btn[data-badge]{display:none}.brand{font-size:19px}.brand__spark{width:22px;height:22px}.profile-chip__name,.profile-chip svg.chev{display:none}.coin{height:36px;padding:0 12px 0 9px;font-size:14px}.shell{padding-bottom:calc(76px + var(--safe-bottom))}.shell__side{grid-template-columns:minmax(0,1fr)}.hero{border-radius:var(--r-lg);min-height:220px}.hero__body{padding:28px 18px 44px}.hero__title{font-size:30px}.hero__eyebrow,.hero__desc{font-size:13.5px}.btn-cta{height:50px;margin-top:18px;padding:0 26px;font-size:16.5px}.tiles,.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card__head{padding:15px 16px 12px}.card__body{padding:0 16px 16px}.stat-row{gap:7px;padding:14px 16px 16px}.stat{flex-direction:column;align-items:flex-start;gap:5px;padding:9px}.footer{padding-bottom:calc(90px + var(--safe-bottom));flex-direction:column;align-items:flex-start;gap:6px}.footer__quote{text-align:left;margin-left:0}.tabbar{z-index:60;padding:6px 4px calc(6px + var(--safe-bottom));-webkit-backdrop-filter:saturate(180%)blur(16px);background:#fffffff0;border-top:1px solid #1d6fe017;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{border-radius:var(--r-md);color:var(--ink-faint);transition:color .18s var(--ease);flex-direction:column;align-items:center;gap:3px;padding:7px 0 5px;font-size:11px;font-weight:700;display:flex}.tabbar__item svg{width:22px;height:22px}.tabbar__item[aria-current=page]{color:var(--blue-deep)}}@media (max-width:380px){.tiles,.games{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.brand__logo{height:34px}}@media (max-width:430px){.brand__logo{display:none}.brand__mark{height:36px;display:block}.topnav__right{gap:8px}}html,body{overflow-x:clip}@media (max-width:680px){.hero__body--right,.hero__body--left{justify-self:center;margin:0}.hero__art[data-side=right] img{object-position:80% 40%}.hero__art[data-side=left] img{object-position:20% 40%}}.game-overlay{z-index:200;padding:max(8px, var(--safe-top)) 8px max(8px, var(--safe-bottom));animation:overlay-in .28s var(--ease);background:#0d2744;place-items:center;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}}.game-overlay[data-closing=true]{animation:overlay-out .2s var(--ease) forwards}@keyframes overlay-out{to{opacity:0}}.game-frame{aspect-ratio:16/9;background:#081527;border-radius:clamp(10px,1.4vw,22px);width:min(100%,177.778dvh - 28.4444px);max-height:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}.game-scene,.game-stage{position:absolute;inset:0}.game-stage canvas{touch-action:none;display:block}.game-chrome{transform-origin:0 0;pointer-events:none;width:1600px;height:900px;position:absolute;top:0;left:0}.game-chrome button,.game-chrome .panel{pointer-events:auto}.game-chrome{--navy-hi:#2f67d8;--navy:#1c469f;--navy-lo:#14357c;--navy-edge:#0e275c;--gold:#ffd54a;--gold-deep:#f0a915;--gloss:inset 0 2px 0 #ffffff52, inset 0 -3px 0 #00000029}.hud{align-items:center;gap:12px;height:68px;display:flex;position:absolute;top:16px;left:22px;right:22px}.hud__logo{--logo-accent:#3b82f6;height:68px;animation:logo-in .6s var(--ease-back) both;flex-shrink:0;align-items:center;padding:0 6px;display:flex;transform:rotate(-3deg)}@keyframes logo-in{0%{opacity:0;transform:rotate(-3deg)scale(.6)}}.hud__logo-text{letter-spacing:-.04em;white-space:nowrap;font-size:46px;font-weight:900;line-height:1;display:inline-block;position:relative}.hud__logo-stroke{color:var(--navy);-webkit-text-stroke:14px var(--navy);text-shadow:0 6px 0 var(--navy-edge), 0 10px 18px #0a1e5073;display:block}.hud__logo-fill{background:linear-gradient(180deg, #fff 0%, #fff 45%, color-mix(in srgb, var(--logo-accent) 45%, #fff6c2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.hud__logo--img{padding:0;transform:none}.hud__logo--img img{filter:drop-shadow(0 6px 10px #0a1e5059);width:auto;height:104px;margin-top:26px}.hud__group{align-items:center;gap:10px;margin:0 auto;display:flex}.pill{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--navy-hi) 0%, var(--navy) 55%, var(--navy-lo) 100%);height:58px;box-shadow:var(--gloss), 0 4px 0 var(--navy-edge), 0 10px 20px #0a1e504d;white-space:nowrap;border:2px solid #a0c4ff8c;align-items:center;gap:10px;padding:0 22px;display:flex}.pill svg{filter:drop-shadow(0 2px #00000040);flex-shrink:0;width:26px;height:26px}.pill__label{color:#d4e3ff;font-size:17px;font-weight:800}.pill__value{letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px #00000047;font-size:28px;font-weight:900}.pill--stage{border-radius:22px;flex-direction:column;justify-content:center;gap:0;height:68px;padding:0 20px}.pill__row{align-items:baseline;gap:12px;display:flex}.pill--stage .pill__label{letter-spacing:.06em;font-size:16px}.pill--stage .pill__value{color:var(--gold);font-size:30px;line-height:1.05}.pill__sub{border-radius:var(--r-pill);color:var(--navy);background:#ffffffeb;margin-top:2px;padding:2px 12px;font-size:13px;font-weight:800;line-height:1.35}.pill__bar{border-radius:var(--r-pill);background:#0000004d;width:120px;height:12px;overflow:hidden;box-shadow:inset 0 2px 3px #0000004d}.pill__bar i{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffe680, var(--gold-deep));height:100%;transition:width .35s linear;display:block;box-shadow:inset 0 1px #fff9}#pill-time svg{color:#cfe0ff}.pill[data-danger=true] .pill__bar i{background:linear-gradient(#ffab8f,#ff4e4e)}.pill[data-danger=true] .pill__value{color:#ff8a8a;animation:.9s ease-in-out infinite danger-pulse}@keyframes danger-pulse{50%{transform:scale(1.12)}}.pill__value{display:inline-block}.pill--score svg{color:var(--gold)}.pill--score .pill__value{color:var(--gold);min-width:2ch}.pill--combo svg{color:#ff8a3d}.pill--combo .pill__value{color:#ffb3b3}.pill--counter svg{color:#7fd4ff}.pill--counter[data-bump=true]{animation:pill-bump .3s var(--ease-back)}.pill--combo[data-bump=true]{animation:pill-bump .36s var(--ease-back)}@keyframes pill-bump{40%{transform:scale(1.16)rotate(-3deg)}}.hud__right{align-items:center;gap:10px;display:flex}.round-btn{color:#fff;width:60px;height:60px;box-shadow:var(--gloss), 0 4px 0 #1846a3, 0 10px 18px #0a1e504d;transition:transform .16s var(--ease), box-shadow .16s var(--ease);background:radial-gradient(circle at 50% 30%,#5b9bff 0%,#2f6fe6 55%,#1e54c4 100%);border:3px solid #fff;border-radius:50%;place-items:center;display:grid}.round-btn svg{filter:drop-shadow(0 2px #00000038);width:27px;height:27px}.round-btn:hover{transform:translateY(-2px)}.round-btn:active{box-shadow:var(--gloss), 0 1px 0 #1846a3;transform:translateY(3px)}.round-btn[data-off=true]{box-shadow:var(--gloss), 0 4px 0 #5c6a80;background:radial-gradient(circle at 50% 30%,#aab8cc 0%,#7f8ea6 100%)}.exit-btn{color:#fff;text-shadow:0 2px #7800004d;height:60px;box-shadow:var(--gloss), 0 4px 0 #a81f2a, 0 10px 18px #aa1e2859;transition:transform .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(#ff8080 0%,#f0474f 55%,#d8323d 100%);border:3px solid #fff;border-radius:20px;align-items:center;gap:9px;padding:0 26px;font-size:22px;font-weight:900;display:flex}.exit-btn svg{flex-shrink:0;width:24px;height:24px}.exit-btn:hover{transform:translateY(-2px)}.exit-btn:active{box-shadow:var(--gloss), 0 1px 0 #a81f2a;transform:translateY(3px)}.mascot{width:210px;animation:3.4s ease-in-out infinite bob;position:absolute;bottom:178px;left:28px}.mascot__svg{width:100%;height:auto}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.speech{width:250px;color:var(--ink);text-align:center;white-space:pre-line;transform-origin:30% 110%;background:#fff;border:3px solid #cfe0f7;border-radius:24px;padding:16px 20px;font-size:20px;font-weight:800;line-height:1.35;position:absolute;bottom:424px;left:44px;box-shadow:0 4px #b9cde9,0 10px 24px #143c6e38}.speech[data-pop=true]{animation:speech-pop .34s var(--ease-back)}@keyframes speech-pop{0%{opacity:.4;transform:scale(.82)}}.speech:after{content:"";filter:drop-shadow(0 3px #b9cde9);border:11px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-15px;left:46px}.side-right{flex-direction:column;gap:14px;width:352px;display:flex;position:absolute;top:108px;right:26px}.mission-panel{box-shadow:var(--gloss), 0 5px 0 #1a4aa8, 0 16px 30px #0a1e504d;background:linear-gradient(#4d8ff7 0%,#2e6ae0 60%,#2358c6 100%);border:3px solid #ffffffd9;border-radius:28px;padding:10px 12px 12px}.mission-panel__head{align-items:center;gap:10px;padding:6px 8px 10px;display:flex}.mission-panel__head svg{width:30px;height:30px;color:var(--blue);background:#fff;border-radius:10px;flex-shrink:0;padding:5px}.mission-panel__title{letter-spacing:-.02em;color:#fff;text-shadow:0 2px #0a286e59;font-size:22px;font-weight:900}#mission-list{background:#fff;border-radius:18px;padding:4px 12px;box-shadow:inset 0 -3px #dbe7f8}.gm{align-items:center;gap:12px;padding:13px 2px;display:flex}.gm+.gm{border-top:2px dashed #e3ecf8}.gm__check{color:#0000;width:32px;height:32px;transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);background:#f5f9ff;border:3px solid #d3e1f3;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gm__check svg{width:18px;height:18px}.gm[data-done=true] .gm__check{color:#fff;animation:check-pop .45s var(--ease-back);background:linear-gradient(#4fdc9d,#22b574);border-color:#1a9c62}@keyframes check-pop{40%{transform:scale(1.35)}}.gm__label{color:var(--ink);font-size:18px;font-weight:800;line-height:1.25}.gm[data-done=true] .gm__label{color:var(--ink-faint);text-decoration:line-through;text-decoration-thickness:2px}.gm__meta{border-radius:var(--r-pill);color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums;background:#e6f0ff;align-items:center;gap:5px;margin-left:auto;padding:4px 12px;font-size:16px;font-weight:900;display:flex}.gm[data-done=true] .gm__meta{color:#14935a;background:#dcf7ea}.gm__meta svg{width:18px;height:18px;color:var(--gold-deep);flex-shrink:0}.gm__meta--reward{color:#a86f00;background:#fff4d1}.action-bar{-webkit-backdrop-filter:blur(3px);background:#0e275c59;border-radius:30px;align-items:center;gap:16px;padding:10px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff3}.action{color:#fff;text-shadow:0 2px #0a286e4d;white-space:nowrap;height:64px;box-shadow:var(--gloss), 0 5px 0 #1846a3, 0 12px 20px #0a1e504d;transition:transform .14s var(--ease), box-shadow .14s var(--ease), filter .14s var(--ease);background:linear-gradient(#5b9bff 0%,#3276ec 55%,#2360d0 100%);border:3px solid #fff;border-radius:22px;align-items:center;gap:10px;padding:0 28px;font-size:21px;font-weight:900;display:flex;position:relative}.action svg{color:#fff;filter:drop-shadow(0 2px #0a286e4d);flex-shrink:0;width:28px;height:28px}.action:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.action:active:not(:disabled){box-shadow:var(--gloss), 0 1px 0 #1846a3;transform:translateY(4px)}.action:disabled{cursor:default;filter:saturate(.2)brightness(1.05);opacity:.7}.action__count{border-radius:var(--r-pill);color:#fff;min-width:34px;height:34px;text-shadow:none;background:linear-gradient(#ff6b6b,#e5343f);border:3px solid #fff;place-items:center;padding:0 8px;font-size:17px;font-weight:900;display:grid;position:absolute;top:-12px;right:-10px;box-shadow:0 3px 6px #96141e59}.action--primary{color:#6a4300;text-shadow:0 1px #ffffff80;box-shadow:var(--gloss), 0 5px 0 #c67f00, 0 12px 20px #a064004d;background:linear-gradient(#ffe16b 0%,#ffc425 55%,#f2a70f 100%)}.action--primary svg{color:#6a4300;filter:none}.action--primary:disabled{color:#eef3fa;text-shadow:none;box-shadow:var(--gloss), 0 5px 0 #7d8ba0;filter:none;opacity:.85;background:linear-gradient(#c9d4e3,#9fadc2)}.action--primary:disabled svg{color:#eef3fa}.action--info{color:var(--navy);text-shadow:none;cursor:default;background:#fffffff2;border-color:#0000;box-shadow:0 5px #c3d3ea}.action--info svg{color:var(--gold-deep);filter:none}.action--info:hover:not(:disabled){filter:none;transform:none}.game-scene__img{object-fit:cover;width:100%;height:100%;display:block}.rotate-hint{z-index:10;text-align:center;color:#fff;background:#0d2744eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:absolute;inset:0}.rotate-hint svg{width:54px;height:54px;animation:1.8s ease-in-out infinite tilt}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.rotate-hint p{font-size:17px;font-weight:700}@media (orientation:portrait) and (max-width:860px){.game-overlay .rotate-hint{display:flex}}.sheet-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);animation:fade-in .2s var(--ease);background:#0d274480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--surface);border-radius:var(--r-xl);width:min(430px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--sh-lg);text-align:center;animation:sheet-in .26s var(--ease-back);padding:26px;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(22px)scale(.96)}}.sheet__icon{border-radius:14px;width:96px;height:60px;margin:0 auto 14px;overflow:hidden}.sheet__icon svg,.sheet__icon img{object-fit:cover;width:100%;height:100%;display:block}.sheet__title{letter-spacing:-.02em;font-size:23px;font-weight:800}.sheet__desc{color:var(--ink-soft);margin-top:5px;font-size:14px}.diff-list{gap:9px;margin-top:20px;display:grid}.diff{border-radius:var(--r-md);background:var(--surface-soft);text-align:left;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border:2px solid #e8f0fb;align-items:center;gap:12px;padding:13px 15px;display:flex}.diff:hover{border-color:var(--blue);background:var(--blue-tint);transform:translateY(-2px)}.diff__dots{flex-shrink:0;gap:3px;display:flex}.diff__dot{background:#d5e2f3;border-radius:50%;width:8px;height:8px}.diff__dot[data-on=true]{background:var(--blue)}.diff__name{font-size:15.5px;font-weight:800;display:block}.diff__desc{color:var(--ink-soft);font-size:12.5px;font-weight:500;display:block}.diff__best{color:var(--yellow-deep);white-space:nowrap;margin-left:auto;font-size:12.5px;font-weight:700}.diff-or{color:var(--ink-faint);align-items:center;gap:10px;margin:14px 0 9px;font-size:12px;font-weight:700;display:flex}.diff-or:before,.diff-or:after{content:"";background:#e3ebf6;flex:1;height:1px}.diff--versus{background:#fff8ec;border-color:#ffe2b8;width:100%}.diff--versus:hover{border-color:var(--yellow-deep);background:#fff1d6}.diff__people{flex-shrink:0;place-items:center;width:30px;display:grid}.diff__people svg{width:30px;height:18px;fill:var(--yellow-deep)}.sheet__cancel{color:var(--ink-faint);margin-top:14px;padding:8px;font-size:14px;font-weight:700}.sheet__cancel:hover{color:var(--ink)}.result__ribbon{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffd971, var(--yellow));color:#6d4a00;height:30px;box-shadow:0 2px 0 var(--yellow-deep);align-items:center;gap:6px;margin-bottom:10px;padding:0 14px;font-size:13.5px;font-weight:800;display:inline-flex}.result__ribbon svg{width:17px;height:17px}.result__score{justify-content:center;align-items:baseline;gap:6px;margin-top:18px;display:flex}.result__score-value{letter-spacing:-.04em;color:var(--blue-deep);font-size:62px;font-weight:800;line-height:1}.result__score-unit{color:var(--ink-faint);font-size:18px;font-weight:700}.result__chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.result__chip{border-radius:var(--r-pill);align-items:center;gap:5px;height:29px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.result__chip svg{width:15px;height:15px}.result__chip--star{background:var(--yellow-soft);color:#a86f00}.result__chip--exp{background:var(--blue-soft);color:var(--blue-deep)}.result__chip--level{color:#6b55c9;background:#efe9ff}.result__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.result__stat{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid #eaf1fb;padding:12px 6px}.result__stat-value{letter-spacing:-.02em;font-size:19px;font-weight:800}.result__stat-label{color:var(--ink-faint);margin-top:2px;font-size:11.5px;font-weight:600}.result__actions{gap:9px;margin-top:20px;display:grid}.btn-primary{border-radius:var(--r-pill);background:linear-gradient(180deg, #5b95f8, var(--blue));color:#fff;height:52px;box-shadow:var(--sh-btn-blue);transition:transform .16s var(--ease), box-shadow .16s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:800;display:inline-flex}.btn-primary svg{width:19px;height:19px}.btn-primary:hover{box-shadow:0 6px 0 var(--blue-dark), 0 12px 24px #1d6fe057;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 0 var(--blue-dark);transform:translateY(2px)}.btn-ghost{border-radius:var(--r-pill);background:var(--surface-soft);height:48px;color:var(--ink-soft);transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);border:1.5px solid #e3ecf9;padding:0 20px;font-size:15px;font-weight:700}.btn-ghost:hover{background:var(--blue-tint);border-color:var(--blue);color:var(--blue-deep)}.game-stage__loading{color:#cfe0ff;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:17px;font-weight:800;display:flex;position:absolute;inset:0}.game-stage__spinner{border:5px solid #ffffffb3;border-top-color:var(--blue);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.game-stage__loading .game-stage__spinner{border-color:#6fa8ff #ffffff2e #ffffff2e}@keyframes spin{to{transform:rotate(360deg)}}.info-body{background:#fff;border-radius:18px;padding:8px 12px 12px;box-shadow:inset 0 -3px #dbe7f8}.info-row{justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.info-row+.info-row{border-top:2px dashed #e3ecf8}.info-row__label{color:var(--ink-soft);font-size:17px;font-weight:800}.info-row__value{color:var(--blue-deep);font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.info-row__label{flex-shrink:0;margin-right:10px}.info-row__value{text-align:right;line-height:1.15}.info-row--long .info-row__value{font-size:21px}.info-body[data-dense] .info-row{padding:5px 4px}.info-body[data-dense] .info-row__label{font-size:15px}.info-body[data-dense] .info-row:not(.info-row--long) .info-row__value{font-size:25px}.info-row__value small{color:var(--ink-soft);margin-left:3px;font-size:16px}.info-grid__title{color:var(--ink-soft);align-items:center;gap:6px;margin:10px 4px 8px;font-size:16px;font-weight:800;display:flex}.info-grid__title svg{width:18px;height:18px;color:var(--blue)}.info-grid{grid-template-columns:repeat(var(--cols), 1fr);gap:5px;display:grid}.info-grid__cell{height:40px;color:var(--blue-deep);font-variant-numeric:tabular-nums;background:#eaf2ff;border-radius:10px;place-items:center;font-size:21px;font-weight:900;display:grid}.info-grid__cell[data-zero=true]{color:#b7c6da;background:#f5f8fd}.info-grid__cell[data-mark=true]{color:#a86f00;background:#fff2c2;box-shadow:inset 0 0 0 2px #ffc425}.side-panel{filter:drop-shadow(0 5px #1a4aa8)drop-shadow(0 12px 18px #0a1e504d);width:330px;position:absolute;top:104px;left:26px}.side-panel__head{color:#fff;text-shadow:0 2px #0a286e59;background:linear-gradient(#4d8ff7 0%,#3a7cf0 100%);border:3px solid #ffffffd9;border-bottom:0;border-radius:26px 26px 0 0;justify-content:center;align-items:center;height:51px;padding-top:3px;font-size:22px;font-weight:900;display:flex;box-shadow:inset 0 2px #ffffff52}.side-panel__view{pointer-events:none;border:3px solid #ffffffd9;border-top:0;border-radius:0 0 26px 26px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;height:247px;padding:0 12px 12px;display:grid;position:relative;box-shadow:inset 12px 0 #3a7cf0,inset -12px 0 #2e6ae0,inset 0 -12px #2358c6,inset 0 -15px #ffffffe6,inset 15px 0 #ffffffe6,inset -15px 0 #ffffffe6}.side-panel__caption{border-radius:var(--r-pill);color:#fff;background:#1c469fd9;justify-self:center;margin-bottom:10px;padding:2px 12px;font-size:15px;font-weight:800}.side-panel__view[data-split="3"]{background:linear-gradient(90deg,#0000 calc(33.33% - 1px),#fffc calc(33.33% - 1px) calc(33.33% + 1px),#0000 calc(33.33% + 1px)),linear-gradient(90deg,#0000 calc(66.66% - 1px),#fffc calc(66.66% - 1px) calc(66.66% + 1px),#0000 calc(66.66% + 1px))}.game-chrome[data-side=true] .speech{bottom:300px}.game-chrome[data-side=true] .mascot{width:170px;bottom:70px}.action-bar[data-count="6"],.action-bar[data-count="7"]{gap:10px}.action-bar[data-count="6"] .action{height:58px;padding:0 18px;font-size:18px}.action-bar[data-count="7"] .action{height:56px;padding:0 14px;font-size:17px}.action-bar[data-count="6"] .action svg,.action-bar[data-count="7"] .action svg{width:24px;height:24px}.action[data-on=true]{color:#6a4300;text-shadow:none;box-shadow:var(--gloss), 0 5px 0 #c67f00;background:linear-gradient(#ffe16b 0%,#ffc425 55%,#f2a70f 100%)}.action[data-on=true] svg{color:#6a4300}.side-panel__head{justify-content:space-between;gap:6px;padding-left:8px;padding-right:8px}.side-panel__title{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.side-panel__badge{border-radius:var(--r-pill);color:#14935a;text-shadow:none;background:#fff;align-items:center;gap:3px;padding:2px 9px;font-size:13px;font-weight:900;display:inline-flex}.side-panel__badge svg{width:13px;height:13px}.side-nav{width:40px;height:40px;color:var(--blue-deep);transition:transform .12s var(--ease);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 3px #1a4aa8}.side-nav svg{width:22px;height:22px}.side-nav:active{transform:translateY(2px);box-shadow:0 1px #1a4aa8}.info-grid[data-dense=true]{gap:3px}.info-grid[data-dense=true] .info-grid__cell{border-radius:5px;height:21px;font-size:12px}.choice{z-index:20;pointer-events:auto;animation:fade-in .2s var(--ease);background:#0d274473;place-items:center;display:grid;position:absolute;inset:0}.choice[hidden]{display:none}.choice__card{text-align:center;width:640px;animation:sheet-in .3s var(--ease-back);background:#fff;border-radius:32px;padding:28px 30px 24px;box-shadow:0 8px #c9d8ee,0 30px 60px #0a1e5059}.choice__title{letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:900}.choice__desc{color:var(--ink-soft);margin-top:6px;font-size:18px;font-weight:600}.choice__list{gap:12px;margin-top:22px;display:grid}.choice__opt{background:var(--surface-soft);text-align:left;transition:transform .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease);border:3px solid #e3ecf8;border-radius:22px;align-items:center;gap:16px;padding:14px 18px;display:flex}.choice__opt:hover{border-color:var(--blue);background:var(--blue-tint);transform:translateY(-2px)}.choice__opt:active{transform:translateY(1px)}.choice__icon{color:#fff;background:linear-gradient(#5b9bff,#2f6fe0);border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 4px #1846a3}.choice__icon svg{width:30px;height:30px}.choice__text{flex:1;gap:2px;display:grid}.choice__label{color:var(--ink);font-size:23px;font-weight:900}.choice__sub{color:var(--ink-soft);font-size:16px;font-weight:600}.choice__note{border-radius:var(--r-pill);color:#a86f00;background:#fff4d1;flex-shrink:0;padding:5px 12px;font-size:15px;font-weight:900}.choice__close{color:var(--ink-faint);margin-top:16px;padding:8px 20px;font-size:17px;font-weight:800}.side-panel__numbers{background:#f6ead6;border-radius:4px 4px 12px 12px;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0 12px 12px}.num-grid{grid-template-columns:repeat(var(--cols), 1fr);width:min(200px, calc(var(--cols) * 50px));gap:4px;display:grid}.num-grid__cell{aspect-ratio:1;color:#fff;text-shadow:0 2px #64370f8c;background:linear-gradient(#e8bd86,#d49a5c);border-radius:8px;place-items:center;font-size:24px;font-weight:900;display:grid;box-shadow:inset 0 -3px #78461459}.num-grid__cell[data-empty=true]{background:0 0;box-shadow:inset 0 0 0 2px #966e4640}.num-grid__front{border-radius:var(--r-pill);color:#fff;background:#1c469fd9;padding:1px 12px;font-size:14px;font-weight:800}.side-panel__caption[data-dir]{pointer-events:auto;cursor:pointer;transition:transform .12s var(--ease);border:2px solid #fff;box-shadow:0 3px #0003}.side-panel__caption[data-dir]:active{transform:translateY(2px)}.side-panel__caption[data-dir=front]{background:#2f74e8}.side-panel__caption[data-dir=side]{background:#ff8a1f}.side-panel__caption[data-dir=top]{background:#1fb868}.num-grid__front{background:#2f74e8}.choice__list[data-layout=grid]{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(6,1fr);gap:10px;max-height:600px;padding:2px 6px 6px 2px;overflow-y:auto}.choice__card:has(.choice__list[data-layout=grid]){width:1180px}.choice__list[data-layout=grid] .choice__opt{text-align:center;flex-direction:column;gap:6px;padding:10px 8px 8px;position:relative}.choice__list[data-layout=grid] .choice__icon{width:64px;height:52px;box-shadow:none;background:0 0}.choice__list[data-layout=grid] .choice__icon svg{width:64px;height:52px}.choice__list[data-layout=grid] .choice__label{word-break:keep-all;font-size:16px}.choice__list[data-layout=grid] .choice__sub{font-size:12px}.choice__list[data-layout=grid] .choice__note{padding:2px 8px;font-size:11px;position:absolute;top:6px;right:6px}.choice__opt[data-done=true]{background:#eefbf4;border-color:#9fe0bf}.net-slider{pointer-events:auto;background:#ffffffeb;border-radius:30px;align-items:center;gap:14px;width:560px;padding:10px 22px;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 6px #c9d9f2,0 10px 24px #14326e2e}.net-slider[hidden]{display:none}.net-slider__end{color:var(--blue-deep);flex-shrink:0;font-size:18px;font-weight:900}.net-slider input{--fill:0%;appearance:none;cursor:pointer;touch-action:none;background:0 0;flex:1;height:44px;margin:0}.net-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffb52e var(--fill), #dbe6f6 var(--fill));border-radius:7px;height:14px;box-shadow:inset 0 2px 3px #0000001f}.net-slider input::-moz-range-track{background:linear-gradient(90deg, #ffb52e var(--fill), #dbe6f6 var(--fill));border-radius:7px;height:14px}.net-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#4f8ff7,#2a5fd0);border:4px solid #fff;border-radius:50%;width:38px;height:38px;margin-top:-12px;box-shadow:0 3px 6px #14326e59}.net-slider input::-moz-range-thumb{background:linear-gradient(#4f8ff7,#2a5fd0);border:4px solid #fff;border-radius:50%;width:30px;height:30px}.info-cards{grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px;display:grid}.info-card{background:#f1f6ff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;display:flex;box-shadow:inset 0 -3px #dbe7f8}.info-card__label{color:var(--ink-soft);font-size:15px;font-weight:800}.info-card__value{color:var(--blue-deep);align-items:baseline;gap:4px;display:flex}.info-card__value svg{align-self:center;width:22px;height:22px}.info-card__value{white-space:nowrap}.info-card__value b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;line-height:1.05}.info-card__value small{color:var(--ink-soft);font-size:16px;font-weight:800}.info-card[data-warn=true] .info-card__value{color:#e8543a}.side-right .info-panel--extra .info-row{padding:5px 4px}.action[data-tone=yellow]{color:#6a4300;text-shadow:0 1px #ffffff80;box-shadow:var(--gloss), 0 5px 0 #c98400, 0 12px 20px #a064004d;background:linear-gradient(#ffe46e 0%,#ffcb2b 55%,#f5ae12 100%)}.action[data-tone=yellow] svg{color:#6a4300;filter:none}.action[data-tone=green]{text-shadow:0 2px #0a5a2859;box-shadow:var(--gloss), 0 5px 0 #137a3a, 0 12px 20px #0a50284d;background:linear-gradient(#6fe08c 0%,#33c262 55%,#1fa650 100%)}.action[data-tone=green] svg{filter:drop-shadow(0 2px #0a5a284d)}.info-turn{align-items:center;gap:14px;padding:8px 4px 4px;display:flex}.info-turn__mark{background:#f1f6ff;border-radius:20px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 -3px #dbe7f8}.info-turn[data-mark=x] .info-turn__mark,.info-turn[data-mark=red] .info-turn__mark{background:#fff1f1;box-shadow:inset 0 -3px #f8dada}.info-turn__mark svg{width:48px;height:48px;animation:turn-pop .4s var(--ease-back)}@keyframes turn-pop{0%{transform:scale(.4)rotate(-40deg)}}.info-turn__text{flex-direction:column;gap:3px;min-width:0;display:flex}.info-turn__text b{letter-spacing:-.02em;color:var(--blue-deep);font-size:23px;font-weight:900}.info-turn[data-mark=white] .info-turn__text b,.info-turn[data-mark=black] .info-turn__text b{color:var(--ink)}.info-turn[data-mark=x] .info-turn__text b,.info-turn[data-mark=red] .info-turn__text b{color:#e5343f}.info-turn__text small{color:var(--ink-soft);font-size:15px;font-weight:800;line-height:1.3}.info-stats{grid-template-columns:repeat(3,1fr);padding:4px 0 0;display:grid}.info-stat{flex-direction:column;align-items:center;gap:2px;padding:2px 0;display:flex}.info-stat+.info-stat{border-left:2px dashed #e3ecf8}.info-stat__label{color:var(--ink-soft);font-size:15px;font-weight:800}.info-stat__value{color:var(--ink);align-items:center;gap:6px;display:flex}.info-stat__value svg{width:24px;height:24px}.info-stat[data-tone=white] svg{color:#f1ebdd;filter:drop-shadow(0 0 1px #6b6255)drop-shadow(0 1px #9d9180)}.info-stat[data-tone=black] svg{color:#1b1c20}.info-stat[data-tone=blue] svg{color:var(--blue-deep)}.info-stat[data-tone=gold] svg{color:var(--gold-deep)}.info-stat[data-tone=red] svg{color:#ef4444}.info-stat[data-tone=gray] svg{color:#94a3b8}.info-stat[data-tone=yellow] svg{color:#f5b50a;filter:drop-shadow(0 1px #b07c00)}.info-stat__value b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.glogo--brush{place-items:center;min-width:250px;height:116px;margin:-14px 0 0 -10px;padding:0 46px 0 34px;display:grid;transform:none}.glogo--brush .brush-ink{fill:#141312;filter:drop-shadow(0 6px 10px #00000073);width:100%;height:100%;position:absolute;inset:0}.glogo--brush .brush-text{font-family:East Sea Dokdo,Yuji Syuku,Nanum Brush Script,cursive;font-size:var(--fs,78px);letter-spacing:-.01em;color:#fbf6ea;text-shadow:0 3px #0000008c,0 0 18px #00000059;white-space:nowrap;margin-top:-6px;line-height:1;position:relative}.glogo--brush .brush-text b{font-weight:400}.glogo--brush .brush-text em{color:#4da3ff;-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:0 3px #00143cb3,0 0 16px #3c96ff59;font-style:normal}.glogo--brush .brush-seal{color:#fff3ea;background:#c8372d;border-radius:4px;place-items:center;width:30px;height:34px;font:900 20px/1 Noto Serif KR,Batang,serif;display:grid;position:absolute;bottom:14px;right:12px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffdcc880}.game-chrome[data-theme=ink]{--navy-hi:#2c4b7f;--navy:#1d355f;--navy-lo:#142849;--navy-edge:#0a1830}.game-chrome[data-theme=ink] .pill,.game-chrome[data-theme=ink] .round-btn{border-color:#e2cc9e99}.game-chrome[data-theme=ink] .round-btn{box-shadow:var(--gloss), 0 4px 0 #0a1830, 0 10px 18px #00000059;background:radial-gradient(circle at 50% 30%,#3b5f99 0%,#22406f 60%,#172f55 100%);border:2px solid #e2cc9eb3}.game-chrome[data-theme=ink] .pill__sub{color:#1d355f}.game-chrome[data-theme=ink] .mission-panel{box-shadow:var(--gloss), 0 5px 0 #0a1830, 0 16px 30px #0006;background:linear-gradient(#2a4a80 0%,#1c3661 60%,#152b50 100%);border:2px solid #e2cc9eb3;position:relative;overflow:hidden}.game-chrome[data-theme=ink] .mission-panel__head{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60'%3E%3Cpath d='M0 60 L30 30 L48 42 L80 12 L108 38 L126 26 L160 50 L182 36 L200 48 L200 60 Z' fill='%23ffffff' opacity='.16'/%3E%3Cpath d='M40 60 L70 38 L92 50 L120 30 L150 52 L200 44 L200 60 Z' fill='%23ffffff' opacity='.12'/%3E%3C/svg%3E") right -6px bottom -6px/200px 60px no-repeat}.game-chrome[data-theme=ink] .action{box-shadow:var(--gloss), 0 5px 0 #0a1830, 0 12px 20px #00000059;background:linear-gradient(#2f5189 0%,#1f3b69 60%,#172e55 100%);border:2px solid #e2cc9ea6}.game-chrome[data-theme=ink] .action-bar{background:#0a12228c}.info-hero{align-items:center;gap:16px;padding:10px 8px;display:flex}.info-hero__art svg{width:64px;height:64px;display:block}.info-hero__text{flex-direction:column;gap:4px;display:flex}.info-hero__text b{color:var(--ink);font-size:28px;font-weight:900}.info-hero__text small{color:var(--ink-soft);font-size:14px;font-weight:700}.info-tools{grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 0 4px;display:grid}.info-tool{color:var(--navy);cursor:pointer;background:#f1f6ff;border:2px solid #d8e5f8;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:14px;font-weight:800;line-height:1.2;display:flex;position:relative}.info-tool svg{width:26px;height:26px}.info-tool:disabled{opacity:.45;cursor:default}.info-tool[data-on=true]{color:#8a5a00;background:#fff4cf;border-color:#ffc425}.info-tool__count{color:#fff;background:#2f74e8;border:2px solid #fff;border-radius:12px;min-width:24px;height:24px;padding:0 6px;font:900 13px/20px Pretendard,sans-serif;position:absolute;top:-8px;right:-6px}.info-footer{text-align:center;color:var(--ink-soft);margin:4px 0 0;font-size:13px;font-weight:700}.info-tool span{white-space:pre-line;text-align:center}.game-chrome[data-theme=ink] .action[data-on=true]{color:#5a3a00;text-shadow:none;background:linear-gradient(#ffe16b 0%,#ffc425 55%,#f2a70f 100%);border-color:#fff3c4}.game-chrome[data-theme=ink] .action--primary:not(:disabled){color:#5a3a00;text-shadow:0 1px #ffffff80;box-shadow:var(--gloss), 0 5px 0 #b87400, 0 12px 20px #00000059;background:linear-gradient(#ffe16b 0%,#ffc425 55%,#f2a70f 100%);border-color:#fff3c4}.game-chrome[data-theme=ink] .action--primary:disabled{color:#e6ecf599;background:linear-gradient(#4a5566,#333c4a)}.hud__logo--gold .hud__logo-text{font-size:58px}.hud__logo--gold .hud__logo-stroke{color:#16213d;-webkit-text-stroke:12px #16213d;text-shadow:0 6px #0b1226,0 12px 22px #0000008c}.hud__logo--gold .hud__logo-fill{background:linear-gradient(#fff8d6 0%,#ffe07a 38%,#e3a51f 62%,#fff0b0 78%,#d69412 100%);-webkit-background-clip:text;background-clip:text}.info-tool small{color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.2}.rules-link{background:var(--blue-tint,#eef5ff);color:var(--blue,#2f6fe0);transition:transform .18s var(--ease), border-color .18s var(--ease);border:2px solid #d8e6fb;border-radius:999px;margin-top:10px;padding:7px 14px;font-size:14px;font-weight:800}.rules-link:hover{border-color:var(--blue,#2f6fe0);transform:translateY(-1px)}.rules-backdrop{z-index:320;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.rulebook{--rb-cover:color-mix(in srgb, var(--rb-accent,#2f6fe0) 72%, #151a2e);--rb-ink:#2b2418;--rb-soft:#7a6c55;--rb-paper:#fffaf0;background:linear-gradient(135deg, #ffffff29, #0000001f), var(--rb-cover);width:min(1000px,100%);height:min(700px,100dvh - 24px);animation:sheet-in .3s var(--ease-back);border-radius:20px;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:12px 12px 10px;display:grid;position:relative;box-shadow:0 24px 60px #08142873,inset 0 0 0 2px #ffffff1f}.rulebook[data-spread=false]{width:min(640px,100%)}.rulebook__close{z-index:3;color:#34405a;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 14px #00000040}.rulebook__close svg{width:16px;height:16px}.rulebook__paper{background:radial-gradient(ellipse at 50% 0%, #ffffffb3, transparent 60%), repeating-linear-gradient(0deg, #785a2806 0 2px, transparent 2px 5px), var(--rb-paper);touch-action:pan-y;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #785a282e,inset 0 0 30px #966e321f}.rulebook__track{will-change:transform;height:100%;transition:transform .5s cubic-bezier(.22,.8,.26,1);display:flex}.rulebook__spine{pointer-events:none;background:linear-gradient(90deg,#0000,#6e501e1a 35%,#46321447 50%,#6e501e1a 65%,#0000);width:56px;display:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.rulebook[data-spread=true] .rulebook__spine{display:block}.rb-page{min-width:0;min-height:0;color:var(--rb-ink);flex:0 0 100%;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(16px,3.2vw,30px) clamp(16px,3.4vw,36px) 10px;display:grid}.rulebook[data-spread=true] .rb-page{flex-basis:50%}.rulebook[data-spread=true] .rb-page:nth-child(odd){padding-right:44px}.rulebook[data-spread=true] .rb-page:nth-child(2n){padding-left:44px}.rb-page__head{color:var(--rb-cover);border-bottom:2px dashed #785a2840;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:9px;font-size:clamp(15px,1.1vw + 9px,18px);font-weight:900;display:flex}.rb-page__head svg{flex:none;width:20px;height:20px}.rb-page__body{overscroll-behavior:contain;word-break:keep-all;overflow-wrap:anywhere;scrollbar-width:thin;font-size:clamp(15px,.6vw + 12px,18px);line-height:1.7;overflow-y:auto}.rb-page__foot{text-align:center;letter-spacing:.04em;color:var(--rb-soft);padding-top:6px;font-size:12px;font-weight:700}.rb-page--cover .rb-page__body{text-align:center;flex-direction:column;align-items:center;display:flex}.rb-cover__art{aspect-ratio:16/10;border:4px solid #fff;border-radius:16px;flex:none;width:min(300px,78%);margin:4px 0 12px;overflow:hidden;box-shadow:0 8px 22px #3c280a38}.rb-cover__art svg,.rb-cover__art img{object-fit:cover;width:100%;height:100%;display:block}.rb-cover__title{letter-spacing:-.02em;color:var(--rb-cover);font-size:clamp(24px,1.6vw + 16px,34px);font-weight:900}.rb-cover__sub{color:var(--rb-soft);margin-top:2px;font-size:.9em}.rb-goal,.rb-math{text-align:left;border-radius:14px;width:100%;margin-top:14px;padding:12px 15px}.rb-goal{background:#fff3cf;border:2px solid #ffd978}.rb-goal h3,.rb-math h3{align-items:center;gap:6px;margin-bottom:4px;font-size:.92em;font-weight:900;display:flex}.rb-goal h3 svg,.rb-math h3 svg{width:18px;height:18px}.rb-goal h3 svg{color:#e08a00}.rb-goal p{font-weight:700}.rb-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rb-steps li{align-items:flex-start;gap:11px;display:flex}.rb-steps b{background:var(--rb-cover);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-top:1px;font-size:14px;display:grid;box-shadow:0 2px #0000002e}.rb-steps+.rb-steps{margin-top:13px}.rb-tips+.rb-tips{margin-top:10px}.rb-page__body>.rb-math:first-child{margin-top:0}.rb-tips{gap:9px;margin:0;padding:0;list-style:none;display:grid}.rb-tips li{padding-left:22px;position:relative}.rb-tips li:before{content:"";background:#f0b400;border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;left:4px;box-shadow:0 0 0 3px #f0b40033}.rb-text+.rb-text{margin-top:8px}.rb-math{background:#f1ecff;border:2px solid #ddd1ff}.rb-math h3 svg{color:#7a5af5}.rb-page--math .rb-math{margin-top:0}.rb-source{color:var(--rb-soft);margin-top:14px;font-size:.8em}.rb-figure{text-align:center;background:#fff;border:1px solid #785a282e;border-radius:12px;margin:0 0 12px;padding:10px}.rb-figure svg{width:100%;height:auto;max-height:260px;display:block}.rb-figure figcaption{color:var(--rb-soft);margin-top:6px;font-size:.82em}.rb-page--end .rb-page__body{place-items:center;display:grid}.rb-end{text-align:center;color:var(--rb-soft);font-weight:800}.rb-end__mark{background:color-mix(in srgb, var(--rb-accent) 16%, #fff);width:84px;height:84px;color:var(--rb-cover);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.rb-end__mark svg{width:38px;height:38px;margin-left:6px}.rulebook__nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.rb-btn{min-height:44px;color:var(--rb-cover);transition:transform .15s var(--ease), opacity .15s;background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 3px #0003}.rb-btn svg{width:18px;height:18px}.rb-btn:hover:not(:disabled){transform:translateY(-1px)}.rb-btn:disabled{opacity:.35}.rb-btn--done{color:#3a2a00;background:#ffd23f}.rb-progress{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.rb-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rb-dot{background:#fff6;border-radius:50%;width:9px;height:9px;padding:0;transition:width .2s,background .2s}.rb-dot.on{background:#fff;border-radius:5px;width:24px}.rb-count{color:#ffffffd9;font-size:12px;font-weight:800}@media (max-width:480px){.rulebook{border-radius:16px;height:calc(100dvh - 24px);padding:8px}.rb-btn{padding:0 14px;font-size:14px}}@media (max-width:360px){.rb-btn span{display:none}}@media (max-height:480px){.rulebook{gap:6px;height:calc(100dvh - 16px);padding-bottom:6px}.rb-page{padding-top:12px}.rb-page__head{margin-bottom:8px;padding-bottom:6px}.rb-btn{min-height:38px}.rulebook[data-spread=false]{width:min(760px,100%)}.rb-page--cover .rb-page__body{text-align:left;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(120px,34%) 1fr;align-items:start;column-gap:18px;display:grid}.rb-cover__art{grid-row:1/4;width:100%;margin:0}.rb-goal{margin-top:8px}}.hud__right{z-index:21;position:relative}.mascot--3d{width:230px;animation:none;bottom:150px;left:30px}.mascot--3d .mascot__svg{display:none}.mascot__3d{aspect-ratio:4/5;pointer-events:none;width:100%}.game-chrome[data-bot="3d"] .speech{z-index:2;bottom:462px}.game-chrome[data-side=true] .mascot--3d{width:190px;bottom:60px}.game-chrome[data-side=true][data-bot="3d"] .speech{bottom:300px}.sheet--profile{width:min(760px,100%)}.profile-field{text-align:left;color:var(--ink-soft);align-items:center;gap:12px;margin-top:18px;font-size:14px;font-weight:700;display:flex}.profile-field input{border:2px solid var(--blue-soft);background:var(--blue-tint);min-width:0;height:44px;font:inherit;color:var(--ink);border-radius:12px;outline:none;flex:1;padding:0 14px;font-size:16px;font-weight:700}.profile-field input:focus{border-color:var(--blue)}.profile-field__label{text-align:left;color:var(--ink-soft);margin-top:16px;font-size:14px;font-weight:700}.profile-field__hint{opacity:.8;margin-left:6px;font-size:12.5px;font-weight:600}.picks{overscroll-behavior:contain;grid-template-columns:repeat(10,1fr);gap:9px;max-height:max(200px,100dvh - 390px);margin-top:4px;padding:6px;display:grid;overflow-y:auto}.pick{aspect-ratio:1;background:var(--blue-tint);box-shadow:0 0 0 2px var(--blue-soft);transition:transform .14s var(--ease), box-shadow .14s var(--ease);border-radius:50%;position:relative;overflow:hidden}.pick img{object-fit:cover;width:100%;height:100%;display:block}.pick:not(:disabled):hover{transform:translateY(-2px)}.pick[data-on]{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--yellow);transform:scale(1.04)}.pick:disabled{cursor:default}.pick:disabled img{filter:grayscale()brightness(.75);opacity:.55}.pick__lock{color:#fff;text-shadow:0 1px 3px #0009;font-size:11.5px;font-weight:800;position:absolute;inset:auto 0 12%}.btn-cta--full{justify-content:center;width:100%;margin-top:20px}@media (max-width:800px){.picks{grid-template-columns:repeat(8,1fr)}}@media (max-width:600px){.picks{grid-template-columns:repeat(5,1fr)}}.sheet--account{text-align:left;width:min(460px,100%)}.sheet--account .sheet__title,.sheet--account .sheet__desc{text-align:center}.sheet--account.is-busy{opacity:.7;pointer-events:none}.sheet--account input[type=email],.sheet--account input[type=password],.sheet--account input[type=text],.acct-birth select,.legal__field select{border:2px solid var(--blue-soft);background:var(--blue-tint);width:100%;height:46px;font:inherit;color:var(--ink);border-radius:12px;outline:none;margin-top:8px;padding:0 14px;font-size:15px;display:block}.sheet--account input:focus,.acct-birth select:focus{border-color:var(--blue)}.acct-birth{grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:16px;display:grid}.acct-note{color:var(--ink-soft);margin-top:8px;font-size:12.5px}.acct-error{color:#c4302b;background:#fff1f0;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13.5px;font-weight:700}.acct-error.is-ok{color:#1f8a4c;background:#eefaf2}.acct-box{background:var(--yellow-soft);border-radius:14px;margin-top:16px;padding:14px}.acct-consent{gap:8px;margin-top:16px;display:grid}.acct-item{background:var(--blue-tint);border-radius:12px;padding:10px 12px;font-size:13.5px}.acct-check{cursor:pointer;align-items:flex-start;gap:8px;line-height:1.45;display:flex}.acct-check input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0;margin-top:1px}.acct-check--all{padding:4px 12px}.acct-item details{color:var(--ink-soft);margin:6px 0 0 26px;font-size:12.5px}.acct-item summary{cursor:pointer;color:var(--blue-deep);font-weight:700}.acct-item details p{margin-top:4px}.acct-google{width:100%;height:50px;color:var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:15.5px;font-weight:800;display:flex;box-shadow:0 0 0 2px #dfe5ee}.acct-google:hover{box-shadow:0 0 0 2px var(--blue)}.acct-or{color:var(--ink-faint);align-items:center;gap:10px;margin:16px 0 4px;font-size:12.5px;display:flex}.acct-or:before,.acct-or:after{content:"";background:#e3e8f0;flex:1;height:1px}.acct-done{text-align:center;font-size:56px}.acct-strip{background:var(--blue-tint);text-align:left;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:13.5px}.acct-strip__btns{gap:8px;margin-top:8px;display:flex}.acct-btn{height:38px;box-shadow:0 0 0 2px var(--blue-soft);color:var(--blue-deep);background:#fff;border-radius:10px;flex:1;font-weight:800}.acct-btn--main{background:var(--blue);box-shadow:none;color:#fff}.acct-badge{color:#1f8a4c;background:#e3f6ea;border-radius:99px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:800;display:inline-block}.acct-badge--wait{background:var(--yellow-soft);color:#9a6a00}.acct-strip__links{gap:14px;margin-top:8px;font-size:12.5px;display:flex}.acct-strip__links button,.acct-strip__links a{color:var(--ink-soft);text-decoration:underline}.acct-msg{color:var(--blue-deep);margin-top:8px;font-weight:700}.legal{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-height:100dvh;padding:32px 16px}.legal__card{background:var(--surface);max-width:640px;box-shadow:var(--sh-lg);border-radius:24px;margin:0 auto;padding:28px 24px;font-size:14.5px;line-height:1.7}.legal__brand{color:var(--blue-deep);font-weight:800}.legal h1{margin-top:6px;font-size:26px;font-weight:800}.legal__sub{color:var(--ink-soft);margin-bottom:16px}.legal section{margin-top:18px}.legal h2{margin-bottom:4px;font-size:16.5px;font-weight:800}.legal__field{margin-top:14px;font-weight:700;display:block}.legal__note{color:var(--ink-soft);margin-top:16px;font-size:13px}.legal a{color:var(--blue-deep)}.footer__link{color:var(--ink-faint);font-size:12.5px;text-decoration:underline}.diff--online .diff__people{color:#2fb36a}.sheet--online.is-busy{opacity:.7;pointer-events:none}.online-big{color:#fff;background:linear-gradient(#5b9bff,#2f6fe0);border-radius:16px;gap:2px;width:100%;margin-top:18px;padding:16px;display:grid;box-shadow:0 4px #1d4fb8}.online-big b{font-size:18px}.online-big small{opacity:.9;font-size:13px}.online-join{gap:8px;display:flex}.online-join input{border:2px solid var(--blue-soft);background:var(--blue-tint);min-width:0;height:54px;font:inherit;letter-spacing:.3em;text-align:center;border-radius:14px;outline:none;flex:1;padding:0 14px;font-size:24px;font-weight:800}.online-join input:focus{border-color:var(--blue)}.online-join .btn-cta{height:54px;margin-top:0;padding:0 20px;font-size:16px}.online-code{justify-content:center;gap:10px;margin:22px 0 10px;display:flex}.online-code span{background:var(--blue-tint);width:58px;height:72px;box-shadow:0 0 0 2px var(--blue-soft);color:var(--blue-deep);border-radius:14px;place-items:center;font-size:40px;font-weight:800;display:grid}.online-wait{color:var(--ink-soft);justify-content:center;align-items:center;gap:10px;margin:8px 0;font-weight:700;display:flex}.online-wait .game-stage__spinner{width:20px;height:20px}.online-vs{justify-content:center;align-items:center;gap:18px;margin:20px 0 6px;display:flex}.online-vs>div{justify-items:center;gap:4px;display:grid}.online-vs small{color:var(--ink-faint);font-size:12px}.online-vs em{color:#e8343a;font-size:26px;font-style:normal;font-weight:900}.sheet--online{width:min(520px,100%)}.lobby-top{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobby-top .online-big{margin-top:16px}.online-big--alt{background:linear-gradient(#4fd08a,#26a862);box-shadow:0 4px #1b7f48}.lobby-head{text-align:left;justify-content:space-between;margin:18px 2px 8px;font-size:14px;display:flex}.lobby-head span{color:var(--ink-faint)}.lobby-list{overscroll-behavior:contain;gap:8px;max-height:min(300px,40dvh);display:grid;overflow-y:auto}.lobby-room{background:var(--blue-tint);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lobby-room__text{flex:1;min-width:0;display:grid}.lobby-room__text b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;overflow:hidden}.lobby-room__text small{color:var(--ink-faint);font-size:12px}.lobby-room__pin{border:2px solid var(--blue-soft);width:84px;height:36px;font:inherit;text-align:center;background:#fff;border-radius:10px;outline:none;padding:0 8px;font-weight:800}.lobby-room__pin:focus{border-color:var(--blue)}.lobby-room__go{background:var(--blue);color:#fff;white-space:nowrap;border-radius:10px;height:36px;padding:0 14px;font-weight:800}.lobby-empty{color:var(--ink-soft);padding:22px 0;font-size:14px;line-height:1.6}.online-field{text-align:left;gap:6px;margin-top:14px;font-size:14px;font-weight:700;display:grid}.online-field small{color:var(--ink-faint);font-weight:600}.online-field input{border:2px solid var(--blue-soft);background:var(--blue-tint);height:46px;font:inherit;border-radius:12px;outline:none;padding:0 14px;font-size:16px}.online-field input:focus{border-color:var(--blue)}.online-room-card{background:var(--blue-tint);border-radius:16px;gap:6px;margin:18px 0 8px;padding:16px;display:grid}.online-room-card b{font-size:18px}.online-room-card span{color:var(--ink-soft);font-size:13.5px}.online-room-card em{letter-spacing:.15em;color:var(--blue-deep);font-size:18px;font-style:normal;font-weight:900}@media (max-width:480px){.lobby-top{grid-template-columns:1fr}}.ochat{pointer-events:none;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:22px;right:26px}.ochat__opp,.ochat__me{justify-items:center;gap:4px;display:grid;position:relative}.ochat__opp b{white-space:nowrap;text-overflow:ellipsis;color:#fff;background:#0e275cd9;border-radius:99px;max-width:110px;padding:2px 10px;font-size:15px;overflow:hidden}.ochat__opp .avatar{width:64px;height:64px;box-shadow:0 0 0 3px #fff,0 4px 10px #0000004d}.ochat__btn{background:linear-gradient(#ffd971,#f2a91b);border-radius:50%;width:76px;height:76px;font-size:36px;box-shadow:0 5px #b87800,0 8px 18px #0000004d}.ochat__btn:active{transform:translateY(3px);box-shadow:0 2px #b87800}.ochat__bubble{white-space:nowrap;color:#1d2a44;background:#fff;border-radius:18px;padding:10px 16px;font-size:22px;font-weight:800;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 6px 18px #00000047}.ochat__bubble:after{content:"";border:9px solid #0000;border-top-color:#fff;position:absolute;top:100%;right:26px}.ochat__bubble--me{background:#fff6d6}.ochat__bubble--me:after{border-top-color:#fff6d6}.ochat__bubble.is-pop{animation:ochat-pop .3s var(--ease-back)}@keyframes ochat-pop{0%{opacity:0;transform:translateY(8px)scale(.85)}}.ochat__panel{pointer-events:auto;background:#fff;border-radius:20px;width:470px;padding:14px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 10px 30px #0000004d}.ochat__panel[hidden],.ochat__bubble[hidden]{display:none}.ochat__head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px;display:flex}.ochat__mute{color:#3a4a66;background:#eef3fb;border-radius:99px;padding:4px 12px;font-size:14px;font-weight:700}.ochat__mute[data-on=true]{color:#c4302b;background:#ffe8e6}.ochat__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ochat__grid button{color:#1d2a44;white-space:nowrap;background:#f0f6ff;border-radius:12px;height:50px;font-size:17px;font-weight:700}.ochat__grid button:hover{background:#dfeaff}.online-big--quick{margin-top:14px;padding:18px}.online-big--quick b{font-size:21px}.lobby-head{align-items:center}.lobby-tabs{background:#eef3fb;border-radius:99px;gap:4px;padding:3px;display:flex}.lobby-tabs button{color:var(--ink-soft);border-radius:99px;padding:5px 12px;font-size:13.5px;font-weight:700}.lobby-tabs button i{opacity:.7;font-style:normal;font-weight:600}.lobby-tabs button[aria-selected=true]{color:var(--blue-deep);background:#fff;box-shadow:0 1px 3px #0000001f}.lobby-make{color:#fff;background:linear-gradient(#4fd08a,#26a862);border-radius:99px;padding:7px 14px;font-size:13.5px;font-weight:800}.lobby-search{border:2px solid var(--blue-soft);width:100%;height:40px;font:inherit;background:#fff;border-radius:12px;outline:none;margin-bottom:8px;padding:0 14px;font-size:14px}.lobby-search:focus{border-color:var(--blue)}.title-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.title-chips button{background:var(--blue-tint);box-shadow:0 0 0 2px var(--blue-soft);color:var(--ink);border-radius:99px;padding:9px 14px;font-size:14px;font-weight:700}.title-chips__n{background:var(--blue);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:12px;font-style:normal;display:inline-grid}.title-chips button[aria-pressed=true]{background:var(--blue);box-shadow:none;color:#fff}.ochat__bubble--opp{bottom:30px;right:calc(100% + 12px)}.ochat__bubble--opp:after{border-top-color:#0000;border-left-color:#fff;top:50%;right:-16px;transform:translateY(-50%)}.lobby-record{color:var(--ink-soft);margin-top:6px;font-size:14px}.lobby-record b{color:var(--blue-deep)}.ochat__clock{color:#ffffffb3;font-variant-numeric:tabular-nums;text-align:center;background:#0e275c8c;border-radius:99px;min-width:84px;padding:3px 10px;font-size:18px;font-weight:800}.ochat__clock[hidden]{display:none}.ochat__clock[data-on=true]{color:#1d2a44;background:#fff;box-shadow:0 0 0 3px #ffd54a}.ochat__clock[data-low=true]{color:#fff;background:#e8343a;animation:.8s ease-in-out infinite clock-blink;box-shadow:0 0 0 3px #ffb3b3}@keyframes clock-blink{50%{opacity:.6}}.lobby-room__rule{font-weight:700;color:var(--blue-deep)!important}[data-share]{margin-top:10px}.online-link{background:var(--blue-tint);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin-top:4px;padding:6px 8px;font-size:12.5px;display:block}.online-lonely{color:var(--ink);text-align:center;background:#fff6d6;border-radius:14px;justify-items:center;gap:8px;margin:6px 0 4px;padding:12px;font-size:14px;font-weight:700;display:grid}.online-lonely[hidden]{display:none}.lobby-tabs button,.lobby-make{white-space:nowrap}@media (max-width:420px){.lobby-head{gap:6px}.lobby-tabs button{padding:5px 9px}.lobby-make{padding:7px 11px}}@media (max-height:500px){.ochat{gap:22px}.ochat__btn{width:124px;height:124px;font-size:60px}.ochat__opp .avatar{width:104px;height:104px}.ochat__opp b{max-width:200px;font-size:26px}.ochat__clock{min-width:150px;font-size:32px}.ochat__bubble{font-size:36px}.ochat__panel{width:900px;padding:22px}.ochat__head{font-size:30px}.ochat__mute{padding:8px 18px;font-size:24px}.ochat__grid{gap:12px}.ochat__grid button{height:86px;font-size:30px}}.glogo{--acc:#3b82f6;--acc-deep:color-mix(in srgb, var(--acc) 62%, #0b1330);--acc-light:color-mix(in srgb, var(--acc) 35%, #fff);white-space:nowrap;visibility:hidden;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;line-height:1;display:inline-flex;position:relative;transform:rotate(-2deg)}.glogo.is-ready{visibility:visible;animation:glogo-in .55s var(--ease-back) both}@keyframes glogo-in{0%{opacity:0;transform:rotate(-2deg)scale(.6)}}.glogo__text{isolation:isolate;font-size:var(--fs,56px);display:inline-block;position:relative}.glogo__text:before,.glogo__text:after{content:attr(data-text);z-index:-1;color:#0000;text-shadow:none;position:absolute;inset:0}.glogo__kicker{font-size:calc(var(--fs,56px) * .36);letter-spacing:.12em;margin:0 0 4px 6px}.glogo--toy{margin:-4px 0 0 2px}.glogo--toy .glogo__text{letter-spacing:-.02em;font-family:Jua,Kiwi Maru,Pretendard,sans-serif}.glogo--toy .glogo__fill{background:linear-gradient(180deg, #fff 0%, var(--acc-light) 26%, var(--acc) 68%, color-mix(in srgb, var(--acc) 78%, #000) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.glogo--toy .glogo__text:before{color:var(--acc-deep);-webkit-text-stroke:20px var(--acc-deep);text-shadow:0 2px 0 color-mix(in srgb, var(--acc-deep) 88%, #000), 0 4px 0 color-mix(in srgb, var(--acc-deep) 84%, #000), 0 6px 0 color-mix(in srgb, var(--acc-deep) 80%, #000), 0 8px 0 color-mix(in srgb, var(--acc-deep) 74%, #000), 0 14px 18px #0006}.glogo--toy .glogo__text:after{color:#fff;-webkit-text-stroke:9px #fff}.glogo--toy .glogo__kicker{background:var(--acc-deep);color:#fff;letter-spacing:.04em;border-radius:99px;padding:3px 12px 4px;font-family:Jua,Kiwi Maru,Pretendard,sans-serif;box-shadow:0 3px #00000040}.glogo--gold{align-items:center;margin:-2px 0 0 4px;transform:none}.glogo--gold.is-ready{animation-name:glogo-fade}@keyframes glogo-fade{0%{opacity:0;transform:translateY(-8px)}}.glogo--gold .glogo__text{letter-spacing:.02em;font-family:Nanum Myeongjo,Shippori Mincho B1,Noto Serif KR,serif;font-weight:800}.glogo--gold .glogo__fill{background:linear-gradient(#fff8d6 0%,#ffe07a 36%,#e3a51f 60%,#fff0b0 76%,#c98a10 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.glogo--gold .glogo__text:before{color:#121a33;-webkit-text-stroke:12px #121a33;text-shadow:0 5px #070c1c,0 10px 22px #0009}.glogo--gold .glogo__kicker{color:#ffe9a8;letter-spacing:.5em;text-indent:.5em;text-shadow:0 2px #070c1c,0 0 8px #0009;margin:0 0 6px;padding:2px 14px;font-family:Nanum Myeongjo,Shippori Mincho B1,Noto Serif KR,serif;font-weight:800}.glogo__rule{filter:drop-shadow(0 2px 2px #0009);background:linear-gradient(90deg,#0000,#e3b448 18%,#fff0b0 50%,#e3b448 82%,#0000);width:calc(100% + 40px);min-width:150px;height:4px;margin-top:8px;display:block;position:relative}.glogo__rule i{background:linear-gradient(135deg,#fff4c2,#e3a51f);width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 3px #121a33}.glogo__plate{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.glogo--chalk{margin:-6px 0 0}.glogo--chalk .glogo__plate{background:radial-gradient(120% 90% at 30% 20%,#ffffff14,#0000 60%),#26382f;border:9px solid #9a6534;border-radius:10px;padding:14px 30px 18px;box-shadow:inset 0 0 0 2px #00000059,inset 0 0 24px #00000073,0 3px #6a4020,0 12px 22px #0006}.glogo--chalk .glogo__text{color:#faf8eef2;text-shadow:0 0 1px #ffffffe6,1px 1px #ffffff2e,-1px 0 #ffffff1f;font-family:Gaegu,Klee One,Pretendard,sans-serif;font-weight:700}.glogo--chalk .glogo__text:after{z-index:0;content:"";background:color-mix(in srgb, var(--acc) 70%, #fff6c0);opacity:.85;filter:blur(.4px);border-radius:6px;height:7px;inset:auto -4px -10px -2px;transform:rotate(-1.5deg)}.glogo--chalk .glogo__kicker{color:color-mix(in srgb, var(--acc) 55%, #fff);font-family:Gaegu,Klee One,Pretendard,sans-serif;font-weight:700}.glogo--ribbon{filter:drop-shadow(0 8px 12px #00000059);margin:2px 0 0 -6px}.glogo__band{flex-direction:column;align-items:center;display:inline-flex;position:relative}.glogo--ribbon .glogo__band{background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff) 0%, var(--acc) 45%, var(--acc-deep) 100%);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 50%,100% 100%,0 100%,26px 50%);padding:14px 58px 16px}.glogo--ribbon .glogo__band:before{content:"";pointer-events:none;border-top:2px dashed #fff4d68c;border-bottom:2px dashed #fff4d68c;position:absolute;inset:6px 30px}.glogo--ribbon .glogo__text{color:#fff4d6;letter-spacing:.02em;text-shadow:0 3px 0 color-mix(in srgb, var(--acc-deep) 75%, #000), 0 0 12px #00000040;font-family:Black Han Sans,Dela Gothic One,Pretendard,sans-serif}.glogo--ribbon .glogo__kicker{color:#ffe7a8;margin:0 0 4px;font-family:Black Han Sans,Dela Gothic One,Pretendard,sans-serif}.glogo--pirate{filter:drop-shadow(0 10px 14px #00000073);margin:0 0 0 -4px}.glogo--pirate .glogo__band{background:radial-gradient(60% 120%,#0000 60%,#78461447 100%),linear-gradient(#f7e6bd 0%,#ecd29a 55%,#d9b474 100%);border-radius:6px;padding:14px 54px 16px}.glogo--pirate .glogo__band:before,.glogo--pirate .glogo__band:after{content:"";background:linear-gradient(90deg,#b88a48,#f2dca6 45%,#c99a55);border-radius:12px;width:24px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 2px 4px #00000059}.glogo--pirate .glogo__band:before{left:-8px}.glogo--pirate .glogo__band:after{right:-8px}.glogo--pirate .glogo__text{color:#7a1f14;letter-spacing:.01em;text-shadow:0 1px #fff0d2cc,0 -1px #3c140059;font-family:Black Han Sans,Dela Gothic One,Pretendard,sans-serif}.glogo--paper{margin:0 0 0 4px;transform:rotate(-3deg)}.glogo--paper.is-ready{animation-name:glogo-drop}@keyframes glogo-drop{0%{opacity:0;transform:rotate(-9deg)translateY(-20px)}}.glogo--paper .glogo__plate{background:linear-gradient(90deg,#0000 22px,#e850508c 22px 24px,#0000 24px),repeating-linear-gradient(#fffdf6 0 21px,#cfe0f7 21px 22px),#fffdf6;border-radius:3px;padding:16px 30px 14px 40px;box-shadow:0 2px #0000000f,0 10px 20px #00000038}.glogo--paper .glogo__plate:before{content:"";background:color-mix(in srgb, var(--acc) 45%, #ffffff59);opacity:.8;width:96px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 1px 2px #00000026}.glogo--paper .glogo__text{color:var(--acc-deep);font-family:Gaegu,Klee One,Pretendard,sans-serif;font-weight:700}.glogo--paper .glogo__text:after{content:"";z-index:-1;background:color-mix(in srgb, #ffe14d 70%, var(--acc) 30%);opacity:.55;border-radius:4px;height:38%;inset:auto -6px 2px -4px;transform:rotate(-1deg)}.glogo--paper .glogo__kicker{color:#6a778c;font-family:Gaegu,Klee One,Pretendard,sans-serif;font-weight:700}.glogo--lab{margin:-2px 0 0;transform:none}.glogo--lab .glogo__plate{background:repeating-linear-gradient(0deg, #ffffff1a 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 14px), linear-gradient(160deg, color-mix(in srgb, var(--acc) 55%, #123a78), #0f2a57);border-radius:16px;flex-direction:row;align-items:center;gap:14px;padding:14px 26px 14px 16px;box-shadow:inset 0 0 0 3px #ffffff8c,inset 0 0 0 7px #0f2a57e6,0 10px 20px #0000004d}.glogo__tag{color:#3a2a00;letter-spacing:.04em;background:#ffd54a;border-radius:8px;flex:none;padding:6px 10px;font:800 18px/1 Pretendard,sans-serif;transform:rotate(-4deg);box-shadow:0 2px #c9a020}.glogo--lab .glogo__text{color:#fff;letter-spacing:.01em;text-shadow:0 3px #05143299;font-family:Do Hyeon,Zen Kaku Gothic New,Pretendard,sans-serif}.glogo--toy .glogo__fill{-webkit-text-stroke:1.5px color-mix(in srgb, var(--acc-deep) 70%, transparent)}.glogo--gold .glogo__fill{background-blend-mode:screen;background-image:linear-gradient(#fff8d6 0%,#ffe07a 36%,#e3a51f 60%,#fff0b0 76%,#c98a10 100%),linear-gradient(105deg,#0000 40%,#fffffff2 50%,#0000 60%);background-position:0 0,160% 0;background-size:100% 100%,250% 100%}.glogo--gold.is-ready .glogo__fill{animation:1.6s ease-in-out .5s both gold-shine}@keyframes gold-shine{to{background-position:0 0,-60% 0}}.glogo__rule:before,.glogo__rule:after{content:"";background:#fff0b0;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 0 2px #121a33}.glogo__rule:before{left:8%}.glogo__rule:after{right:8%}.glogo--chalk .glogo__fill{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 0.97 0 0 0 -1.6 1.25'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),#faf8eee6;color:#0000;-webkit-background-clip:text;background-clip:text}.glogo--chalk .glogo__plate{border-image:repeating-linear-gradient(90deg,#9a6534 0 18px,#8a5a2c 18px 26px,#a8723e 26px 40px) 9;border-radius:0}.glogo--ribbon{padding:0 22px}.glogo__tail{background:linear-gradient(180deg, var(--acc-deep), color-mix(in srgb, var(--acc-deep) 75%, #000));width:64px;position:absolute;top:16px;bottom:-14px}.glogo__tail--l{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,22px 50%);left:0}.glogo__tail--r{clip-path:polygon(0 0,100% 0,calc(100% - 22px) 50%,100% 100%,0 100%);right:0}.glogo__tail:after{content:"";background:color-mix(in srgb, var(--acc-deep) 50%, #000);width:22px;height:14px;position:absolute;top:0}.glogo__tail--l:after{clip-path:polygon(0 0,100% 0,100% 100%);right:0}.glogo__tail--r:after{clip-path:polygon(0 0,100% 0,0 100%);left:0}.glogo--ribbon .glogo__band{z-index:1;clip-path:none;border-radius:4px;padding:14px 44px 16px;position:relative;box-shadow:inset 0 3px #ffffff40,inset 0 -4px #00000026}.glogo--ribbon .glogo__band:before{inset:6px 14px}.glogo--pirate .glogo__band{background:radial-gradient(70% 140%,#0000 55%,#6e370a59 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.25' numOctaves='3' seed='3'/%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.22 0'/%3E%3C/filter%3E%3Crect width='160' height='80' filter='url(%23p)'/%3E%3C/svg%3E"),linear-gradient(#f7e6bd 0%,#ecd29a 55%,#d9b474 100%)}.glogo--paper .glogo__plate{box-shadow:0 2px #0000000f,0 10px 20px #00000038,12px 16px 14px -12px #00000059}.hud__right{flex-shrink:0;margin-left:auto}.hud--tight .pill:not(.pill--stage) .pill__label{display:none}.hud--tight .pill{gap:8px;padding:0 16px}.hud--tighter .hud__group{gap:6px}.hud--tighter .pill{padding:0 12px}.hud--tighter>.glogo,.hud--tighter>.hud__logo{transform-origin:0;transform:rotate(-2deg)scale(.86)}.mascot,.speech{transition:translate .45s var(--ease), scale .45s var(--ease), opacity .25s ease}.mascot{transform-origin:0 100%}.game-chrome[data-bot-rest=true] .mascot{translate:-26px 146px;scale:.5}.game-chrome[data-bot-rest=true][data-side=true] .mascot{translate:-22px 56px;scale:.55}.game-chrome[data-bot-rest=true] .speech{transform-origin:0 100%;translate:-26px 270px;scale:.82}.game-chrome[data-bot-rest=true][data-bot="3d"] .speech{translate:-26px 304px}.game-chrome[data-bot-rest=true][data-side=true] .speech{translate:-22px 160px}.game-chrome[data-bot-near=true] .mascot,.game-chrome[data-bot-near=true] .speech{opacity:.12}.speech-dot{pointer-events:auto;cursor:pointer;width:54px;height:54px;animation:speech-pop .3s var(--ease-back);background:#fff;border:3px solid #cfe0f7;border-radius:50%;font-size:26px;display:none;position:absolute;bottom:152px;left:56px;box-shadow:0 3px #b9cde9,0 6px 14px #143c6e38}.game-chrome[data-bot-rest=true][data-speech-fold=true] .speech{display:none}.game-chrome[data-bot-rest=true][data-speech-fold=true] .speech-dot:not([hidden]){place-items:center;display:grid}.game-chrome[data-side=true] .speech-dot{bottom:136px}.game-chrome[data-bot-near=true] .speech-dot{opacity:.35}.gui,.gui-confirm,.menu-btn{--gi:#1a1f3a;--gfont:"Black Han Sans", "Dela Gothic One", Pretendard, system-ui, sans-serif}.gui [class*=--green],.gui-confirm [class*=--green]{--t1:#8df07b;--t2:#1fae47}.gui [class*=--purple],.gui-confirm [class*=--purple]{--t1:#c7a4ff;--t2:#7443e6}.gui [class*=--blue],.gui-confirm [class*=--blue]{--t1:#86d8ff;--t2:#2b86ec}.gui [class*=--orange],.gui-confirm [class*=--orange]{--t1:#ffc978;--t2:#f47b22}.gui [class*=--red],.gui-confirm [class*=--red]{--t1:#ff9aa6;--t2:#e8364e}.gui-t{font-family:var(--gfont);font-synthesis:none;color:#fff;letter-spacing:.01em;text-shadow:3px 0 0 var(--gi), -3px 0 0 var(--gi), 0 3px 0 var(--gi), 0 -3px 0 var(--gi), 2px 2px 0 var(--gi), -2px 2px 0 var(--gi), 2px -2px 0 var(--gi), -2px -2px 0 var(--gi), 0 6px 0 var(--gi);font-weight:900}.gui-btn,.gui-tile,.gui-quest,.gui-mode,.gui-diff,.gui-play,.gui-round,.gui-level,.gui-world,.gui-story,.menu-btn{border:4px solid var(--gi);background:linear-gradient(180deg, var(--t1,#eef3ff) 0%, var(--t2,#aebfe0) 100%);box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -8px 0 #00000029, 0 6px 0 var(--gi), 0 14px 20px #0000004d;color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border-radius:26px;transition:transform 80ms,box-shadow 80ms,filter .15s;position:relative}:is(.gui-btn,.gui-tile,.gui-quest,.gui-mode,.gui-diff,.gui-play,.gui-round,.gui-level,.gui-world,.gui-story,.menu-btn):hover{filter:brightness(1.07)}:is(.gui-btn,.gui-tile,.gui-quest,.gui-mode,.gui-diff,.gui-play,.gui-round,.gui-level,.gui-world,.gui-story,.menu-btn):active{box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -6px 0 #00000029, 0 1px 0 var(--gi);transform:translateY(5px)}:is(.gui-btn,.gui-tile,.gui-quest,.gui-mode,.gui-diff,.gui-play,.gui-round,.gui-level,.gui-world,.gui-story,.menu-btn):focus-visible{outline-offset:3px;outline:5px solid #fff}.gui svg,.gui-confirm svg{display:block}.gui-btn{justify-content:center;align-items:center;gap:12px;height:84px;padding:0 34px;font-size:34px;display:inline-flex}.gui-btn>svg{width:36px;height:36px;filter:drop-shadow(0 3px 0 var(--gi))}.gui-btn--big{width:100%;height:112px;font-size:50px}.gui-btn--big>svg{width:48px;height:48px}.gui-btn--small{border-radius:20px;height:62px;padding:0 22px;font-size:25px}.gui-btn--small>svg{width:26px;height:26px}.gui-round{z-index:3;border-radius:50%;place-items:center;width:96px;height:96px;padding:0;display:grid;position:absolute}.gui-round svg{stroke-width:3.2px;width:50px;height:50px;filter:drop-shadow(0 3px 0 var(--gi))}.gui-round--back{--t1:#86d8ff;--t2:#2b86ec;top:-30px;left:-30px}.gui-round--close{--t1:#ff9aa6;--t2:#e8364e;top:-30px;right:-30px}.gui-ribbon{z-index:2;border:5px solid var(--gi);background:linear-gradient(180deg, var(--t1) 0%, var(--t2) 100%);height:84px;box-shadow:inset 0 4px 0 #ffffff80, inset 0 -8px 0 #00000026, 0 6px 0 var(--gi);white-space:nowrap;border-radius:20px;align-items:center;gap:16px;padding:0 70px;font-size:46px;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.gui-ribbon:before,.gui-ribbon:after{content:"";z-index:-1;border:5px solid var(--gi);background:var(--t2);filter:brightness(.75);width:58px;height:64px;position:absolute;top:26px}.gui-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%);left:-44px}.gui-ribbon:after{clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%);right:-44px}.gui-ribbon__count{color:#fff;font-family:var(--gfont);background:#0000004d;border-radius:99px;padding:4px 16px;font-size:28px;font-weight:900}.menu-btn{--t1:#86d8ff;--t2:#2b86ec;height:64px;font-family:var(--gfont);font-synthesis:none;text-shadow:2px 0 0 var(--gi), -2px 0 0 var(--gi), 0 2px 0 var(--gi), 0 -2px 0 var(--gi), 0 4px 0 var(--gi);border-radius:22px;align-items:center;gap:8px;padding:0 22px;font-size:26px;font-weight:900;display:flex}.game-chrome[data-menu] .hud__group,.game-chrome[data-menu] .side-right,.game-chrome[data-menu] .side-panel,.game-chrome[data-menu] .action-bar,.game-chrome[data-menu] .speech,.game-chrome[data-menu] .speech-dot,.game-chrome[data-menu] .mascot,.game-chrome[data-menu] #btn-menu,.game-chrome[data-menu] #btn-pause{display:none!important}.game-freeze{pointer-events:none;transition:opacity .35s;position:absolute}.game-freeze.is-gone{opacity:0}.gui{z-index:20;pointer-events:none;font-family:Pretendard,system-ui,sans-serif;position:absolute;inset:0}:where(.gui) button{font:inherit}.gui-vignette{background:linear-gradient(90deg,#080e289e 0%,#080e2800 34% 66%,#080e289e 100%),linear-gradient(#080e2800 70%,#080e2873 100%);transition:opacity .22s;position:absolute;inset:0}.gui-left{gap:22px;width:404px;transition:transform .22s ease-in;display:grid;position:absolute;top:158px;left:40px}.gui-quest{--t1:#8df07b;--t2:#1fae47;text-align:left;align-items:center;gap:16px;padding:14px 18px 18px;display:flex}.gui-quest--purple{--t1:#c7a4ff;--t2:#7443e6}.gui-quest__icon{border:4px solid var(--gi);color:#fff;width:88px;height:88px;text-shadow:0 3px 0 var(--gi);background:#ffffff47;border-radius:50%;flex:none;place-items:center;font-size:60px;line-height:1;display:grid}.gui-quest__text{gap:4px;min-width:0;display:grid}.gui-quest__text small{color:#fff;text-shadow:0 2px #00000059;font-size:20px;font-weight:800}.gui-quest__text b{font-family:var(--gfont);font-synthesis:none;white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 0 0 var(--gi), -2px 0 0 var(--gi), 0 2px 0 var(--gi), 0 -2px 0 var(--gi), 0 4px 0 var(--gi);font-size:30px;font-weight:900;overflow:hidden}.gui-bar{border:3px solid var(--gi);background:#00000059;border-radius:99px;height:26px;margin-top:4px;display:block;position:relative;overflow:hidden}.gui-bar i{background:linear-gradient(#fff27a,#ffc21a);height:100%;display:block;box-shadow:inset 0 -4px #0000001f}.gui-bar em{color:#fff;text-shadow:0 0 3px var(--gi), 0 1px 0 var(--gi);place-items:center;font-size:17px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.gui-tiles{grid-template-columns:1fr 1fr;gap:18px;display:grid}.gui-tile{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:188px;padding:8px 8px 16px;display:flex}.gui-tile__art svg{filter:drop-shadow(0 4px #0003);width:136px;height:112px}.gui-tile__label{font-size:32px;line-height:1.1}.gui-badge{border:3px solid var(--gi);box-shadow:0 3px 0 var(--gi);color:#fff;text-shadow:0 2px #0000004d;background:linear-gradient(#ff8a9a,#f0304e);border-radius:99px;padding:3px 14px;font-size:21px;font-weight:900;position:absolute;top:-14px;right:-12px}.gui-right{gap:16px;width:452px;transition:transform .22s ease-in;display:grid;position:absolute;bottom:38px;right:40px}.gui-modes{grid-template-columns:repeat(var(--n,3), 1fr);gap:12px;display:grid}.gui-mode{--t1:#6f80b8;--t2:#3c4a7c;flex-direction:column;align-items:center;gap:2px;height:142px;padding:8px 4px 12px;font-size:26px;display:flex}.gui-mode__art svg{width:96px;height:80px}.gui-mode[aria-pressed=false] .gui-mode__art{opacity:.7}.gui-mode[aria-pressed=true]{--t1:#fff27a;--t2:#ffb81a;box-shadow:inset 0 4px 0 #fff9, inset 0 -8px 0 #0000001f, 0 6px 0 var(--gi), 0 0 0 5px #ffffffd9, 0 14px 20px #0000004d;transform:translateY(-4px)}.gui-diffs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gui-diff{--t1:#6f80b8;--t2:#3c4a7c;border-radius:22px;place-items:center;height:78px;font-size:30px;display:grid}.gui-diff[aria-pressed=true].gui-diff--easy,.gui-diff.is-tag.gui-diff--easy{--t1:#8df07b;--t2:#1fae47}.gui-diff[aria-pressed=true].gui-diff--normal,.gui-diff.is-tag.gui-diff--normal{--t1:#86d8ff;--t2:#2b86ec}.gui-diff[aria-pressed=true].gui-diff--hard,.gui-diff.is-tag.gui-diff--hard{--t1:#ff9aa6;--t2:#e8364e}.gui-diff[aria-pressed=true]{box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -8px 0 #00000024, 0 6px 0 var(--gi), 0 0 0 5px #ffffffd9}.gui-modenote{border:4px solid var(--gi);color:#fff;text-align:center;pointer-events:auto;background:#0a102cc7;border-radius:22px;place-items:center;min-height:78px;margin:0;padding:10px 18px;font-size:23px;font-weight:800;line-height:1.35;display:grid}.gui-play{--t1:#fff27a;--t2:#ffb81a;border-width:5px;border-radius:34px;justify-content:center;align-items:center;gap:18px;height:146px;font-size:64px;animation:2.4s ease-in-out infinite gui-breathe;display:flex;overflow:hidden}.gui-play__icon svg{color:#fff;width:58px;height:58px;filter:drop-shadow(3px 0 0 var(--gi)) drop-shadow(-3px 0 0 var(--gi)) drop-shadow(0 3px 0 var(--gi)) drop-shadow(0 -3px 0 var(--gi))}.gui-play:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);width:26%;animation:3.2s ease-in-out infinite gui-shine;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-20deg)}.gui-play:active{animation:none}.gui.is-entering .gui-left>*,.gui.is-entering .gui-tile{animation:.5s cubic-bezier(.2,1.35,.4,1) both gui-from-left;animation-delay:calc(var(--i,0) * 60ms)}.gui.is-entering .gui-tiles{animation:none}.gui.is-entering .gui-right>*{animation:.5s cubic-bezier(.2,1.35,.4,1) both gui-from-right}.gui.is-entering .gui-right>:nth-child(2){animation-delay:60ms}.gui.is-entering .gui-right>:nth-child(3){animation-delay:.12s}.gui.is-leaving .gui-left{transform:translate(-560px)}.gui.is-leaving .gui-right{transform:translate(560px)}.gui.is-leaving .gui-vignette,.gui.is-leaving .gui-dim,.gui.is-leaving .gui-popwrap{opacity:0}.gui.is-leaving .gui-panel,.gui.is-leaving .gui-pop{opacity:0;transform:scale(.92)}.gui-dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#060a1e8c;transition:opacity .22s;position:absolute;inset:0}.gui-panel{border:5px solid var(--gi);background:radial-gradient(#ffffff1a 2px, transparent 3px) 0 0 / 30px 30px, linear-gradient(180deg, var(--p1) 0%, var(--p2) 100%);width:1380px;height:730px;box-shadow:inset 0 6px 0 #ffffff47, 0 10px 0 var(--gi), 0 26px 44px #00000080;pointer-events:auto;border-radius:44px;transition:opacity .2s,transform .2s;position:absolute;top:136px;left:110px}.gui-panel--green{--p1:#7fd67a;--p2:#3f9e4e}.gui-panel--purple{--p1:#7d5ad8;--p2:#3b2785}.gui-panel--blue{--p1:#4f95ec;--p2:#27559f}.gui-panel--orange{--p1:#ffb45c;--p2:#db6a24}.gui-panel.is-in{animation:.38s cubic-bezier(.2,1.45,.4,1) both gui-pop-in}.gui-panel__body{overscroll-behavior:contain;scrollbar-width:thick;scrollbar-color:#ffffff8c #0000002e;position:absolute;inset:70px 30px 28px;overflow:hidden auto}.gui-map{width:1280px;margin:0 auto;position:relative}.gui-map__road{position:absolute;top:0;left:0}.gui-node{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:150px;height:150px;margin:-75px 0 0 -75px;padding:0;position:absolute}.gui-node__disc{border:5px solid var(--gi);width:150px;height:150px;box-shadow:inset 0 5px 0 #ffffff80, inset 0 -10px 0 #0000002e, 0 7px 0 var(--gi), 0 16px 22px #0000004d;background:radial-gradient(circle at 50% 30%,#9fe0ff 0%,#2b86ec 70%);border-radius:50%;place-items:center;transition:transform 80ms;display:grid;position:relative}.gui-node:active .gui-node__disc{transform:translateY(5px)scale(.97)}.gui-node.is-done .gui-node__disc{background:radial-gradient(circle at 50% 30%,#fff5a0 0%,#ffb81a 70%)}.gui-node.is-next .gui-node__disc{background:radial-gradient(circle at 50% 30%,#b6ff9e 0%,#1fae47 70%);animation:1.4s ease-out infinite gui-ring}.gui-node__glyph{color:#fff;text-shadow:3px 0 0 var(--gi), -3px 0 0 var(--gi), 0 3px 0 var(--gi), 0 -3px 0 var(--gi), 0 6px 0 var(--gi);font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,serif;font-size:84px;line-height:1}.gui-node__num{border:4px solid var(--gi);width:54px;height:54px;color:var(--gi);font-family:var(--gfont);background:#fff;border-radius:50%;place-items:center;font-size:28px;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-10px}.gui-node__check{border:4px solid var(--gi);color:#fff;background:#1fae47;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:-8px;left:-8px}.gui-node__check svg{stroke-width:3.6px;width:30px;height:30px}.gui-node__here{white-space:nowrap;font-size:32px;animation:.9s ease-in-out infinite gui-bounce;position:absolute;top:-70px;left:50%}.gui-node__name{color:#fff;text-align:center;width:240px;text-shadow:2px 0 0 var(--gi), -2px 0 0 var(--gi), 0 2px 0 var(--gi), 0 -2px 0 var(--gi), 0 3px 0 var(--gi);margin-left:-120px;font-size:23px;font-weight:900;line-height:1.25;position:absolute;top:162px;left:50%}.gui-worlds{grid-template-columns:1fr 1fr;gap:20px;margin:4px 6px 24px;display:grid}.gui-world{--t1:#a88af0;--t2:#5a38b8;text-align:left;gap:2px;padding:12px 22px 16px;display:grid}.gui-world b{font-size:32px}.gui-world small{color:#ffffffeb;font-size:19px;font-weight:700}.gui-world__stat{color:#fff;font-size:21px;font-weight:900}.gui-world__stat i{color:#ffd23f;text-shadow:0 2px 0 var(--gi);font-style:normal}.gui-world[aria-pressed=true]{--t1:#fff27a;--t2:#ffb81a}.gui-world[aria-pressed=true] small,.gui-world[aria-pressed=true] .gui-world__stat{color:var(--gi)}.gui-levels{grid-template-columns:repeat(10,1fr);gap:18px 16px;padding:6px 8px 24px;display:grid}.gui-level{--t1:#b99cff;--t2:#6c43d8;aspect-ratio:1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 0 6px;display:flex}.gui-level b{font-size:44px;line-height:1.1}.gui-level.is-done{--t1:#86d8ff;--t2:#2b86ec}.gui-level.is-next{--t1:#8df07b;--t2:#1fae47;animation:1.4s ease-out infinite gui-ring-sq}.gui-stars{gap:1px;font-size:22px;line-height:1;display:flex}.gui-stars i{color:#00000047;font-style:normal}.gui-stars i.on{color:#ffd23f;text-shadow:1.5px 0 0 var(--gi), -1.5px 0 0 var(--gi), 0 1.5px 0 var(--gi), 0 -1.5px 0 var(--gi)}.gui-popwrap{z-index:5;pointer-events:auto;background:#060a1e80;place-items:center;transition:opacity .2s;animation:.18s both gui-fade;display:grid;position:absolute;inset:0}.gui-pop,.gui-confirm__card{border:5px solid var(--gi);width:740px;box-shadow:inset 0 -10px 0 #8c642824, 0 10px 0 var(--gi), 0 28px 50px #00000080;color:var(--gi);text-align:center;background:linear-gradient(#fffbf1 0%,#f6e7c6 100%);border-radius:44px;padding:72px 50px 42px;transition:opacity .2s,transform .2s;animation:.36s cubic-bezier(.2,1.45,.4,1) both gui-pop-in;position:relative}.gui-pop__icon{border:5px solid var(--gi);background:radial-gradient(circle at 50% 30%, var(--t1) 0%, var(--t2) 75%);width:150px;height:150px;box-shadow:inset 0 5px 0 #ffffff80, 0 6px 0 var(--gi);color:#fff;text-shadow:3px 0 0 var(--gi), -3px 0 0 var(--gi), 0 3px 0 var(--gi), 0 -3px 0 var(--gi), 0 6px 0 var(--gi);border-radius:50%;place-items:center;margin:0 auto 8px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,serif;font-size:96px;line-height:1;display:grid}.gui-pop__title{font-family:var(--gfont);font-synthesis:none;margin:8px 0 6px;font-size:46px;font-weight:900;line-height:1.2}.gui-pop__text{color:#4b5170;margin:0 0 14px;font-size:25px;font-weight:600;line-height:1.5}.gui-pop__meta{color:#6a7090;justify-content:center;margin-bottom:24px;font-size:25px;font-weight:900;display:flex}.gui-pop__done{color:#1a9a40;align-items:center;gap:8px;display:inline-flex}.gui-pop__done svg{width:28px;height:28px}.gui-stars--big{gap:8px;font-size:62px}.gui-stars--big i.on{text-shadow:3px 0 0 var(--gi), -3px 0 0 var(--gi), 0 3px 0 var(--gi), 0 -3px 0 var(--gi), 0 5px 0 var(--gi)}.gui-records{grid-template-columns:540px 1fr;gap:30px;padding:4px 6px 10px;display:grid}.gui-medals{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gui-medal{border:4px solid var(--gi);background:linear-gradient(180deg, var(--t1) 0%, var(--t2) 100%);box-shadow:inset 0 4px 0 #ffffff80, inset 0 -8px 0 #00000026, 0 6px 0 var(--gi);color:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:0;padding:10px 10px 14px;display:flex}.gui-medal__art svg{width:90px;height:75px}.gui-medal b{font-size:42px;line-height:1.1}.gui-medal span:not(.gui-medal__art){text-shadow:0 2px #0000004d;font-size:21px;font-weight:900}.gui-medal small{opacity:.95;text-shadow:0 2px #0000004d;font-size:18px;font-weight:800}.gui-h{margin:22px 0 12px;font-size:32px;font-weight:900}.gui-records__right .gui-h{margin-top:4px}.gui-h small{text-shadow:none;color:#ffffffe6;margin-left:8px;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-weight:700}.gui-drows{gap:10px;display:grid}.gui-drow{color:#fff;background:#00000038;border-radius:20px;grid-template-columns:112px 1fr auto;grid-template-areas:"tag bar bar""tag txt best";align-items:center;gap:6px 14px;padding:10px 14px;font-size:20px;font-weight:800;display:grid}.gui-drow .gui-diff.is-tag{cursor:default;pointer-events:none;grid-area:tag;height:64px;font-size:25px}.gui-drow__bar{border:3px solid var(--gi);background:#ffffff40;border-radius:99px;grid-area:bar;height:26px;display:flex;position:relative;overflow:hidden}.gui-drow__bar i.w{background:#3bd16a}.gui-drow__bar i.d{background:#c8cede}.gui-drow__bar i.l{background:#f0445a}.gui-drow__bar em{place-items:center;font-size:15px;font-style:normal;display:grid;position:absolute;inset:0}.gui-drow__txt{grid-area:txt}.gui-drow__best{opacity:.9;grid-area:best}.gui-games{gap:12px;margin:0;padding:0;list-style:none;display:grid}.gui-game{border:4px solid var(--gi);box-shadow:0 5px 0 var(--gi);color:var(--gi);background:#fffbf1;border-radius:24px;align-items:center;gap:16px;padding:10px 14px;display:flex}.gui-game__res{border:4px solid var(--gi);background:linear-gradient(#c8cede,#8a93ad);border-radius:50%;flex:none;place-items:center;width:70px;height:70px;font-size:26px;display:grid}.gui-game__res--win{background:linear-gradient(#8df07b,#1fae47)}.gui-game__res--loss{background:linear-gradient(#ff9aa6,#e8364e)}.gui-game__text{flex:1;min-width:0;display:grid}.gui-game__text b{font-size:25px}.gui-game__text small{color:#6a7090;font-size:19px;font-weight:600}.gui-empty{color:#fff;text-align:center;background:#00000038;border-radius:24px;padding:34px 24px;font-size:24px;font-weight:800;line-height:1.5}.gui-stories{grid-template-columns:repeat(3,1fr);gap:32px;padding:16px 10px 20px;display:grid}.gui-story{height:540px;animation:.4s cubic-bezier(.2,1.45,.4,1) both gui-pop-in;animation-delay:calc(var(--i,0) * 70ms);border-radius:36px;flex-direction:column;align-items:center;gap:8px;padding:26px 22px 28px;display:flex}.gui-story__art svg{filter:drop-shadow(0 6px #0003);width:280px;height:234px}.gui-story b{font-size:42px}.gui-story small{text-shadow:0 2px #0000004d;font-size:23px;font-weight:800;line-height:1.4}.gui-story .gui-btn{pointer-events:none;margin-top:auto}.gui-paper{border:4px solid var(--gi);box-shadow:0 6px 0 var(--gi);color:var(--gi);background:#fffbf1;border-radius:32px;padding:22px 30px 26px}.gui-paper__lead{margin:0 0 14px;font-size:24px;font-weight:700;line-height:1.5}.gui-paper .wheat,.gui-paper .kt{zoom:1.45}.gui-confirm{z-index:60;pointer-events:auto;background:#060a1e99;place-items:center;font-family:Pretendard,system-ui,sans-serif;transition:opacity .16s;animation:.16s both gui-fade;display:grid;position:absolute;inset:0}.gui-confirm.is-out{opacity:0}:where(.gui-confirm) button{font:inherit}.gui-confirm__card{width:780px;padding-top:84px}.gui-confirm__text{white-space:pre-line;color:#3a4060;margin:0 0 34px;font-size:30px;font-weight:700;line-height:1.5}.gui-confirm__btns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gui-confirm__btns .gui-btn{height:100px;font-size:40px}@keyframes gui-from-left{0%{transform:translate(-520px)}}@keyframes gui-from-right{0%{transform:translate(520px)}}@keyframes gui-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes gui-fade{0%{opacity:0}}@keyframes gui-breathe{50%{transform:scale(1.03)}}@keyframes gui-shine{0%,55%{left:-40%}to{left:130%}}@keyframes gui-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}@keyframes gui-ring{0%{box-shadow:inset 0 5px 0 #ffffff80, inset 0 -10px 0 #0000002e, 0 7px 0 var(--gi), 0 0 0 0 #ffffffb3}to{box-shadow:inset 0 5px 0 #ffffff80, inset 0 -10px 0 #0000002e, 0 7px 0 var(--gi), 0 0 0 26px #fff0}}@keyframes gui-ring-sq{0%{box-shadow:inset 0 4px 0 #ffffff8c, 0 6px 0 var(--gi), 0 0 0 0 #ffffffbf}to{box-shadow:inset 0 4px 0 #ffffff8c, 0 6px 0 var(--gi), 0 0 0 20px #fff0}}@media (prefers-reduced-motion:reduce){.gui *,.gui-confirm *{animation:none!important}}.game-chrome[data-gui=game]{--gi:#1a1f3a;--gfont:"Black Han Sans", "Dela Gothic One", Pretendard, system-ui, sans-serif}.game-chrome[data-gui=game] .choice{background:#060a1e80}.game-chrome[data-gui=game] .choice__card{border:5px solid var(--gi);width:740px;box-shadow:inset 0 -10px 0 #8c642824, 0 10px 0 var(--gi), 0 28px 50px #00000080;background:linear-gradient(#fffbf1 0%,#f6e7c6 100%);border-radius:44px;padding:78px 46px 36px;animation:.36s cubic-bezier(.2,1.45,.4,1) both gui-pop-in;position:relative}.game-chrome[data-gui=game] .choice__title{border:5px solid var(--gi);height:84px;box-shadow:inset 0 4px 0 #ffffff80, inset 0 -8px 0 #00000026, 0 6px 0 var(--gi);font-family:var(--gfont);font-synthesis:none;white-space:nowrap;color:#fff;text-shadow:3px 0 0 var(--gi), -3px 0 0 var(--gi), 0 3px 0 var(--gi), 0 -3px 0 var(--gi), 2px 2px 0 var(--gi), -2px 2px 0 var(--gi), 2px -2px 0 var(--gi), -2px -2px 0 var(--gi), 0 6px 0 var(--gi);background:linear-gradient(#8df07b 0%,#1fae47 100%);border-radius:20px;align-items:center;padding:0 56px;font-size:38px;font-weight:900;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.game-chrome[data-gui=game] .choice__desc{color:#4b5170;margin-top:0;font-size:24px;line-height:1.5}.game-chrome[data-gui=game] .choice__desc small{color:#b07a00;margin-top:6px;font-size:20px;display:inline-block}.game-chrome[data-gui=game] .choice__list{gap:16px;margin-top:26px}.game-chrome[data-gui=game] .choice__opt{--t1:#86d8ff;--t2:#2b86ec;border:4px solid var(--gi);background:linear-gradient(180deg, var(--t1) 0%, var(--t2) 100%);box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -8px 0 #00000029, 0 6px 0 var(--gi);border-radius:26px;padding:14px 20px 18px;transition:transform 80ms,box-shadow 80ms,filter .15s}.game-chrome[data-gui=game] .choice__opt:first-child{--t1:#8df07b;--t2:#1fae47}.game-chrome[data-gui=game] .choice__opt:hover{filter:brightness(1.07);transform:none}.game-chrome[data-gui=game] .choice__opt:active{box-shadow:inset 0 4px 0 #ffffff8c, 0 1px 0 var(--gi);transform:translateY(5px)}.game-chrome[data-gui=game] .choice__icon{border:3px solid var(--gi);width:64px;height:64px;box-shadow:none;background:#ffffff47;border-radius:50%}.game-chrome[data-gui=game] .choice__icon svg{width:34px;height:34px;filter:drop-shadow(0 2px 0 var(--gi))}.game-chrome[data-gui=game] .choice__label{font-family:var(--gfont);font-synthesis:none;color:#fff;text-shadow:2px 0 0 var(--gi), -2px 0 0 var(--gi), 0 2px 0 var(--gi), 0 -2px 0 var(--gi), 0 4px 0 var(--gi);font-size:30px}.game-chrome[data-gui=game] .choice__sub{color:#fff;text-shadow:0 2px #0000004d;font-size:19px;font-weight:800}.game-chrome[data-gui=game] .choice__close{border:4px solid var(--gi);box-shadow:0 5px 0 var(--gi);color:var(--gi);background:linear-gradient(#eef1f8,#b9c2d8);border-radius:20px;margin-top:20px;padding:10px 26px;font-size:22px;font-weight:900}.choice__title .gui-stars{text-shadow:none;margin-right:12px;font-size:40px}.choice__title .gui-stars i{color:#0000004d}