:root{color-scheme:dark;--bg:#07130d;--bg-soft:rgba(10,28,18,0.78);--panel:rgba(10,24,16,0.88);--panel-strong:rgba(14,35,22,0.96);--border:rgba(148,163,184,0.14);--border-strong:rgba(148,163,184,0.22);--text:rgba(248,250,252,0.96);--muted:rgba(148,163,184,0.8);--subtle:rgba(148,163,184,0.56);--accent:#86efac;--accent-soft:rgba(134,239,172,0.16);--accent-warm:#d9f99d;--accent-warm-soft:rgba(217,249,157,0.18);--danger:#fca5a5;--shadow:0 18px 50px rgba(0,0,0,0.34);--shadow-soft:0 12px 34px rgba(0,0,0,0.28);--ring:0 0 0 4px rgba(134,239,172,0.16);--radius-xl:24px;--radius-lg:18px;--radius-md:14px}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;background:radial-gradient(ellipse at 74% 12%,rgba(148,163,184,.12),transparent 30%),radial-gradient(ellipse at 18% 80%,rgba(20,184,166,.12),transparent 36%),radial-gradient(ellipse at 56% 96%,rgba(120,113,108,.1),transparent 42%),linear-gradient(180deg,#031814,#052d28 46%,#030807);color:var(--text);font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{position:relative}:where(a,button,summary){-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{position:relative;min-height:100vh;padding:28px;overflow:hidden}.page-shell:before{inset:0;background:radial-gradient(ellipse at 62% 8%,rgba(226,232,240,.11),transparent 34%),radial-gradient(ellipse at 82% 28%,rgba(45,212,191,.08),transparent 40%),radial-gradient(ellipse at 18% 88%,rgba(68,64,60,.16),transparent 44%),linear-gradient(180deg,rgba(204,251,241,.035),transparent 48%);background-size:auto,auto,auto,auto;opacity:.95;-webkit-mask-image:radial-gradient(circle at 50% 18%,rgba(0,0,0,1) 34%,transparent 82%);mask-image:radial-gradient(circle at 50% 18%,rgba(0,0,0,1) 34%,transparent 82%)}.page-shell:after,.page-shell:before{content:"";position:fixed;pointer-events:none}.page-shell:after{inset:auto -12% -18% -12%;height:48vh;background:radial-gradient(ellipse at 50% 18%,rgba(204,251,241,.08),transparent 18%),radial-gradient(ellipse at 34% 40%,rgba(20,184,166,.08),transparent 30%),radial-gradient(ellipse at 66% 56%,rgba(120,113,108,.09),transparent 36%);filter:blur(42px);opacity:.58}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;margin:0 auto 24px;max-width:1320px;padding:12px 2px 18px;border-radius:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar:after{content:none}.brand-hero{max-width:780px;display:flex;flex-direction:column;gap:8px}.brand-hero__eyebrow{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid rgba(134,239,172,.22);background:rgba(134,239,172,.08);color:rgba(220,252,231,.92);font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.brand-hero h1{margin:0;font-size:clamp(1.75rem,3.8vw,3.4rem);line-height:1.02;font-weight:950;letter-spacing:-.06em;color:rgba(248,250,252,.98);text-wrap:balance;text-shadow:0 18px 70px rgba(134,239,172,.16)}.brand-hero p{max-width:680px;margin:0;font-size:clamp(1rem,2vw,1.28rem);line-height:1.62;color:rgba(226,232,240,.82);word-break:keep-all}.brand-hero__note{width:-moz-fit-content;width:fit-content;margin-top:4px;color:rgba(217,249,157,.92);font-size:.9rem;font-weight:800;letter-spacing:-.02em}.brand-hero--compact h1{font-size:clamp(1.35rem,2.5vw,2.1rem)}.brand-hero--compact p{font-size:clamp(.94rem,1.5vw,1.08rem)}.topbar-actions{margin-left:auto;position:relative;z-index:1}.help-link,.topbar-actions{display:inline-flex;align-items:center;gap:10px}.help-link{padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:rgba(226,232,240,.92);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;line-height:1;box-shadow:0 10px 26px rgba(0,0,0,.12);transition:transform .15s ease,background .15s ease,border-color .15s ease}.help-link:hover{transform:translateY(-1px);border-color:rgba(134,239,172,.28);background:linear-gradient(180deg,rgba(134,239,172,.14),rgba(255,255,255,.03))}.help-link__icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(134,239,172,.14);border:1px solid rgba(134,239,172,.22);color:rgba(240,249,255,.96);font-weight:900}.help-link__text{font-size:.85rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.help-link:active{transform:translateY(0)}.lang-menu{position:relative}.lang-menu__summary{list-style:none;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.03);color:rgba(226,232,240,.9);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 10px 26px rgba(0,0,0,.12);transition:transform .15s ease,background .15s ease,border-color .15s ease}.lang-menu__summary:hover{transform:translateY(-1px);border-color:rgba(134,239,172,.28);background:rgba(255,255,255,.045)}.lang-menu[open] .lang-menu__summary{border-color:rgba(134,239,172,.34);background:rgba(134,239,172,.1)}.lang-menu__label{font-size:.78rem;text-transform:uppercase;color:rgba(148,163,184,.95)}.lang-menu__label,.lang-menu__value{font-weight:800;letter-spacing:.08em}.lang-menu__value{font-size:.82rem;color:rgba(240,249,255,.96)}.lang-menu__chev{font-size:.9rem;color:rgba(148,163,184,.92)}.lang-menu__panel{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:8px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(10,24,16,.94),rgba(5,12,8,.94));box-shadow:0 18px 50px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50}.lang-menu[open] .lang-menu__panel{animation:pop .12s ease-out;transform-origin:top right}.lang-menu__item:active{transform:translateY(0)}.lang-menu__item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.02);color:rgba(226,232,240,.92);font-weight:800;letter-spacing:.08em;cursor:pointer}.lang-menu__item:hover{border-color:rgba(148,163,184,.18);background:rgba(255,255,255,.045)}.lang-menu__item.active{border-color:rgba(134,239,172,.3);background:rgba(134,239,172,.12);color:rgba(240,249,255,.98)}.lang-menu__summary::-webkit-details-marker{display:none}.layout-grid{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.game-page-shell,.layout-grid,.problem-select-shell{position:relative;z-index:2;max-width:1320px;margin:0 auto}.problem-select-header{margin-bottom:16px}.problem-select-header h2{margin:0 0 6px;font-size:1.25rem;line-height:1.3;font-weight:800}.problem-select-header p{margin:0;color:rgba(148,163,184,.86);font-size:.92rem}.problem-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.problem-select-card{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 18px 52px;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 14% 14%,rgba(134,239,172,.1),transparent 44%),radial-gradient(circle at 86% 18%,rgba(217,249,157,.08),transparent 48%),linear-gradient(180deg,rgba(10,24,16,.92),rgba(5,12,8,.92));box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease}.problem-select-card:hover{transform:translateY(-2px);border-color:rgba(134,239,172,.3)}.case-visual{width:100%;max-width:520px;aspect-ratio:1/1;margin:0 auto 16px;border-radius:var(--radius-lg);position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 22% 18%,rgba(217,249,157,.14),transparent 34%),radial-gradient(circle at 82% 18%,rgba(134,239,172,.16),transparent 36%),linear-gradient(145deg,rgba(10,24,16,.96),rgba(4,10,6,.98));box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}.case-visual--compact{max-width:none;aspect-ratio:1/1;margin:0 0 2px;border-radius:18px}.case-visual img,.case-visual__image{width:100%;height:100%;display:block;object-fit:cover}.case-visual--photo{background:rgba(2,6,23,.92)}.case-visual--photo:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.02) 42%,rgba(2,6,23,.44)),radial-gradient(circle at 50% 20%,transparent 44%,rgba(2,6,23,.18) 100%)}.case-visual figcaption{position:absolute;left:14px;bottom:12px;z-index:4;margin:0;padding:7px 10px;border-radius:999px;background:rgba(2,6,23,.46);color:rgba(248,250,252,.9);font-size:.78rem;font-weight:900;letter-spacing:-.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-visual--compact figcaption{display:none}.case-visual__grain,.case-visual__ground,.case-visual__orb,.case-visual__shape{position:absolute;display:block;pointer-events:none}.case-visual__grain{inset:0;z-index:5;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.38) .7px,transparent 0);background-size:9px 9px;mix-blend-mode:screen}.case-visual__orb{z-index:1;border-radius:999px;filter:blur(1px)}.case-visual__orb--one{width:96px;height:96px;left:12%;top:12%;background:rgba(217,249,157,.22)}.case-visual__orb--two{width:130px;height:130px;right:6%;top:16%;background:rgba(134,239,172,.14)}.case-visual__ground{z-index:2;left:-10%;right:-10%;bottom:-24%;height:50%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(10,24,16,.1),rgba(2,6,23,.78))}.case-visual__shape{z-index:3}.case-visual--1{background:radial-gradient(circle at 48% 28%,rgba(217,249,157,.18),transparent 34%),linear-gradient(145deg,#0f172a,#020617 78%)}.case-visual--1 .case-visual__shape--a{width:112px;height:42px;left:50%;bottom:30%;transform:translateX(-50%);border-radius:0 0 70px 70px;border:2px solid rgba(220,252,231,.34);background:linear-gradient(180deg,rgba(134,239,172,.18),rgba(10,24,16,.88))}.case-visual--1 .case-visual__shape--b,.case-visual--1 .case-visual__shape--c{width:10px;height:58px;bottom:54%;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(226,232,240,.44),transparent)}.case-visual--1 .case-visual__shape--b{left:44%}.case-visual--1 .case-visual__shape--c{left:55%}.case-visual--2 .case-visual__shape--a{width:34px;height:116px;left:30%;bottom:24%;-webkit-clip-path:polygon(34% 0,66% 0,88% 100%,12% 100%);clip-path:polygon(34% 0,66% 0,88% 100%,12% 100%);background:linear-gradient(180deg,rgba(248,250,252,.82),rgba(100,116,139,.88))}.case-visual--2 .case-visual__shape--b{width:210px;height:48px;left:36%;top:30%;transform:rotate(-8deg);-webkit-clip-path:polygon(0 40%,100% 0,100% 58%,0 78%);clip-path:polygon(0 40%,100% 0,100% 58%,0 78%);background:linear-gradient(90deg,rgba(217,249,157,.58),rgba(217,249,157,0))}.case-visual--2 .case-visual__shape--c{left:0;right:0;bottom:18%;height:28px;background:repeating-linear-gradient(165deg,rgba(134,239,172,.18) 0 18px,transparent 18px 34px)}.case-visual--3 .case-visual__shape--a{width:82px;height:118px;left:28%;bottom:22%;border-radius:20px;border:2px solid rgba(148,163,184,.32);background:linear-gradient(180deg,rgba(10,24,16,.86),rgba(2,6,23,.94))}.case-visual--3 .case-visual__shape--b{width:44px;height:86px;right:30%;bottom:28%;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(217,249,157,.92) 0 5px,transparent 6px),radial-gradient(circle at 50% 42%,rgba(134,239,172,.72) 0 5px,transparent 6px),radial-gradient(circle at 50% 64%,rgba(134,239,172,.3) 0 5px,transparent 6px),rgba(255,255,255,.06)}.case-visual--3 .case-visual__shape--c{width:74px;height:38px;right:20%;top:23%;border-radius:74px 74px 0 0;border:3px solid rgba(134,239,172,.46);border-bottom:0}.case-visual--4{background:radial-gradient(circle at 76% 18%,rgba(217,249,157,.34),transparent 20%),linear-gradient(160deg,#172554,#451a03 88%)}.case-visual--4 .case-visual__ground{background:linear-gradient(180deg,rgba(217,249,157,.16),rgba(120,53,15,.86))}.case-visual--4 .case-visual__shape--a{width:118px;height:44px;left:46%;bottom:32%;border-radius:999px 999px 20px 20px;border:2px solid rgba(254,240,138,.3);background:rgba(10,24,16,.78)}.case-visual--4 .case-visual__shape--b{width:150px;height:70px;left:24%;top:24%;border-radius:100px 100px 18px 18px;border:2px solid rgba(248,250,252,.36);border-bottom:0}.case-visual--4 .case-visual__shape--c{width:2px;height:86px;left:44%;top:36%;background:rgba(248,250,252,.38);box-shadow:46px 0 rgba(248,250,252,.28)}.case-visual--5 .case-visual__shape--a{width:180px;height:126px;left:50%;bottom:18%;transform:translateX(-50%);border-radius:90px 90px 18px 18px;border:3px solid rgba(148,163,184,.28);background:radial-gradient(circle at 50% 76%,rgba(2,6,23,.98) 0 34%,transparent 35%)}.case-visual--5 .case-visual__shape--b{width:120px;height:12px;left:50%;bottom:30%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(217,249,157,.72),transparent)}.case-visual--5 .case-visual__shape--c{width:80px;height:52px;right:18%;bottom:24%;-webkit-clip-path:polygon(0 55%,100% 28%,100% 75%,0 100%);clip-path:polygon(0 55%,100% 28%,100% 75%,0 100%);background:rgba(134,239,172,.28)}.case-visual--7 .case-visual__shape--a{width:170px;height:42px;left:22%;top:28%;border-radius:80px 80px 20px 20px;background:linear-gradient(90deg,rgba(226,232,240,.82),rgba(100,116,139,.88));transform:rotate(-5deg)}.case-visual--7 .case-visual__shape--b{width:76px;height:42px;left:38%;bottom:24%;border-radius:18px 18px 24px 24px;border:2px solid rgba(134,239,172,.26);background:rgba(10,24,16,.82)}.case-visual--7 .case-visual__shape--c{width:130px;height:3px;left:20%;bottom:18%;background:rgba(217,249,157,.72);box-shadow:74px 16px rgba(134,239,172,.26)}.case-visual--8{background:radial-gradient(circle at 34% 24%,rgba(217,249,157,.2),transparent 30%),linear-gradient(145deg,#082f49,#020617 82%)}.case-visual--8 .case-visual__shape--a{width:76px;height:116px;left:26%;bottom:20%;border-radius:42px 42px 18px 18px;background:linear-gradient(180deg,rgba(248,250,252,.78),rgba(239,68,68,.74))}.case-visual--8 .case-visual__shape--b{width:190px;height:34px;right:10%;top:36%;transform:rotate(-16deg);border-radius:999px;background:linear-gradient(90deg,rgba(134,239,172,0),rgba(134,239,172,.5));filter:blur(1px)}.case-visual--8 .case-visual__shape--c{width:94px;height:14px;left:52%;bottom:28%;border-radius:999px;background:rgba(10,24,16,.84);transform:rotate(-14deg)}.problem-select-card strong{color:rgba(248,250,252,.98);font-size:1.05rem;line-height:1.3}.problem-select-card p{margin:0;color:rgba(148,163,184,.9);line-height:1.65;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.problem-select-card__cta{position:absolute;right:18px;bottom:16px;margin-top:0;color:#bbf7d0;font-weight:900;font-size:.86rem}.guide-page{position:relative;z-index:2;max-width:1120px;margin:0 auto}.guide-hero{min-height:320px;padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);grid-gap:24px;gap:24px;align-items:center;overflow:hidden}.guide-hero__copy{display:flex;flex-direction:column;gap:12px}.guide-hero__copy h1{margin:0;color:rgba(248,250,252,.98);font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.07em}.guide-hero__copy p{max-width:640px;margin:0;color:rgba(203,213,225,.9);font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.75;word-break:keep-all}.guide-hero__visual{min-height:260px;position:relative;border-radius:28px;border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 50% 44%,rgba(134,239,172,.22),transparent 28%),radial-gradient(circle at 24% 18%,rgba(217,249,157,.18),transparent 28%),linear-gradient(145deg,rgba(10,24,16,.84),rgba(2,6,23,.88));box-shadow:0 20px 52px rgba(0,0,0,.24)}.guide-hero__visual:before{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(134,239,172,.24);box-shadow:0 0 0 22px rgba(134,239,172,.04),0 0 0 48px rgba(217,249,157,.025)}.guide-hero__bubble{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.54);color:rgba(248,250,252,.94);font-size:.76rem;font-weight:950;letter-spacing:.1em;box-shadow:0 14px 34px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-hero__bubble--yes{left:12%;top:22%;color:#bbf7d0;border-color:rgba(134,239,172,.22)}.guide-hero__bubble--no{right:12%;top:38%;color:#fecaca;border-color:rgba(252,165,165,.2)}.guide-hero__bubble--irrelevant{left:22%;bottom:18%;color:#bbf7d0;border-color:rgba(134,239,172,.22)}.guide-section{margin-top:18px;display:flex;flex-direction:column;gap:16px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.guide-contact,.guide-panel,.guide-step{border-radius:22px;border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 16% 12%,rgba(134,239,172,.08),transparent 44%),rgba(255,255,255,.025);box-shadow:0 14px 34px rgba(0,0,0,.18)}.guide-step{padding:18px}.guide-step__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.guide-step__header span{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(134,239,172,.12);border:1px solid rgba(134,239,172,.22);color:#bbf7d0;font-size:.84rem;font-weight:950}.guide-contact h2,.guide-panel h2,.guide-step__header strong{color:rgba(248,250,252,.96);font-weight:900}.guide-contact p,.guide-panel p,.guide-step p{margin:0;color:rgba(148,163,184,.92);line-height:1.75;word-break:keep-all}.guide-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:16px;gap:16px}.guide-panel{padding:20px}.guide-contact h2,.guide-panel h2{margin:0 0 12px;font-size:1rem;letter-spacing:-.02em}.guide-examples{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.guide-examples li{position:relative;margin:0;padding:12px 14px 12px 34px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.03);color:rgba(226,232,240,.92);line-height:1.6}.guide-examples li:before{content:"?";position:absolute;left:12px;top:12px;color:rgba(134,239,172,.9);font-weight:950}.guide-contact{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.guide-contact__links{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.guide-icon-link{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);color:rgba(248,250,252,.94);box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .15s ease,border-color .15s ease,background .15s ease}.guide-icon-link:hover{transform:translateY(-1px);border-color:rgba(134,239,172,.3);background:rgba(134,239,172,.08)}.guide-icon-link__svg{width:23px;height:23px;display:block}.guide-icon-link__svg--instagram circle,.guide-icon-link__svg--instagram rect{fill:none;stroke:url(#instagram-gradient);stroke-width:1.8}.guide-icon-link__svg--instagram{overflow:visible}.guide-icon-link__svg--gmail path:first-child{fill:rgba(248,250,252,.92)}.guide-icon-link__svg--gmail path:nth-child(2){fill:none;stroke:#ef4444;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.guide-icon-link__svg--gmail path:nth-child(3){fill:none;stroke:rgba(148,163,184,.72);stroke-width:1.3;stroke-linecap:round}.game-page-shell .chat-panel{min-height:740px}.card{background:radial-gradient(circle at 18% 14%,rgba(134,239,172,.08),transparent 42%),radial-gradient(circle at 78% 18%,rgba(217,249,157,.05),transparent 46%),linear-gradient(180deg,rgba(10,24,16,.92),rgba(5,12,8,.92));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar{padding:18px;position:-webkit-sticky;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-gutter:stable}.sidebar--collapsed{max-height:none;overflow:visible}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.18);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.26);background-clip:padding-box}.chat-header,.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header{margin-bottom:14px}.sidebar--collapsed .sidebar-header{margin-bottom:0}.sidebar-header--button{width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.sidebar-header--button:hover .sidebar-toggle{transform:translateY(-1px);border-color:rgba(134,239,172,.28);background:linear-gradient(180deg,rgba(134,239,172,.14),rgba(255,255,255,.03))}.chat-header h2,.sidebar-header h2{margin:0;font-size:1rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}.sidebar-toggle{width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:rgba(226,232,240,.92);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 10px 26px rgba(0,0,0,.12);transition:transform .15s ease,background .15s ease,border-color .15s ease}.sidebar-toggle:hover{transform:translateY(-1px);border-color:rgba(134,239,172,.28);background:linear-gradient(180deg,rgba(134,239,172,.14),rgba(255,255,255,.03))}.sidebar-toggle:active{transform:translateY(0)}.answer-rule,.sidebar-header span{color:var(--muted);font-size:.82rem}.problem-list{display:flex;flex-direction:column;gap:10px}.problem-item{width:100%;text-align:left;border:1px solid transparent;background:rgba(255,255,255,.025);color:var(--text);padding:14px 14px 13px;border-radius:var(--radius-lg);position:relative;transition:transform .16s ease,border-color .16s ease,background .16s ease;cursor:pointer}.problem-item:hover{transform:translateY(-1px);border-color:var(--border-strong);background:rgba(255,255,255,.045)}.problem-item.active{border-color:rgba(134,239,172,.34);background:radial-gradient(circle at 10% 30%,rgba(134,239,172,.18),transparent 55%),linear-gradient(180deg,rgba(134,239,172,.14),rgba(255,255,255,.04))}.problem-item.active:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(134,239,172,.9),rgba(217,249,157,.8));opacity:.9}.problem-item strong{display:block;margin-bottom:6px;font-size:.95rem}.problem-item p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-panel{padding:18px;min-height:720px;display:flex;flex-direction:column;position:relative;overflow:hidden}.chat-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(217,249,157,.08),transparent 46%),radial-gradient(circle at 86% 18%,rgba(134,239,172,.09),transparent 52%);opacity:.9}.chat-panel>*{position:relative;z-index:1}.chat-header,.story-box{margin-bottom:14px}.story-box{padding:16px 18px;border-radius:var(--radius-lg);background:radial-gradient(circle at 14% 18%,rgba(134,239,172,.09),transparent 55%),rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.16)}.story-box p{margin:0;color:rgba(241,245,249,.9);line-height:1.65}.chat-messages{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;gap:12px;min-height:360px;padding:6px 2px 8px}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(148,163,184,.16);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.24);background-clip:padding-box}.empty-state{flex:1 1;min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--subtle);background:rgba(255,255,255,.02)}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:min(78%,700px);border-radius:18px;padding:12px 14px;border:1px solid var(--border);box-shadow:0 14px 34px rgba(0,0,0,.18)}.message-bubble.user{background:radial-gradient(circle at 18% 20%,rgba(217,249,157,.16),transparent 52%),rgba(134,239,172,.12);border-color:rgba(134,239,172,.22)}.message-bubble.assistant{background:radial-gradient(circle at 18% 20%,rgba(134,239,172,.08),transparent 54%),rgba(255,255,255,.04);border-color:rgba(148,163,184,.14)}.message-role{display:block;margin-bottom:6px;font-size:.72rem;color:rgba(148,163,184,.92);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.loading-bubble p{letter-spacing:.2em}.error-text{margin:8px 0 0;color:var(--danger);font-size:.9rem}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;margin-top:14px}.chat-form input{height:50px;border-radius:16px;border:1px solid var(--border);background:radial-gradient(circle at 14% 22%,rgba(134,239,172,.06),transparent 60%),rgba(255,255,255,.03);color:var(--text);padding:0 16px;outline:none}.chat-form input::placeholder{color:var(--subtle)}.chat-form input:focus{border-color:rgba(134,239,172,.34);box-shadow:var(--ring)}.chat-form button{height:50px;min-width:96px;border:1px solid rgba(134,239,172,.26);border-radius:16px;padding:0 18px;background:radial-gradient(circle at 16% 22%,rgba(217,249,157,.24),transparent 52%),radial-gradient(circle at 82% 18%,rgba(134,239,172,.22),transparent 58%),linear-gradient(180deg,rgba(10,24,16,.92),rgba(5,12,8,.92));color:rgba(248,250,252,.96);font-weight:800;letter-spacing:-.01em;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .15s ease,opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.chat-form button:after{content:"";position:absolute;inset:-40% -30%;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.18),transparent 60%);transform:translateX(-26%) rotate(8deg);opacity:0;transition:opacity .22s ease,transform .35s ease}.chat-form button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(217,249,157,.34);box-shadow:0 18px 54px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.08)}.chat-form button:hover:not(:disabled):after{opacity:1;transform:translateX(18%) rotate(8deg)}.chat-form button:active:not(:disabled){transform:translateY(0)}.chat-form button:disabled{opacity:.45;cursor:not-allowed}:where(.help-link,.lang-menu__summary,.lang-menu__item,.sidebar-toggle,.problem-item,.problem-select-card,.guide-icon-link,.chat-form input,.chat-form button):focus-visible{outline:none;box-shadow:var(--ring);border-color:rgba(134,239,172,.4)}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bottom-ad,.sidebar-ad{border-radius:20px;border:1px solid var(--border);background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;line-height:0}.ad-slot .adsbygoogle{display:block!important;width:100%!important;min-height:inherit;background:transparent!important}.ad-slot:has(.adsbygoogle[data-ad-status=unfilled]){display:none}.sidebar-ad{min-height:150px}.bottom-ad{min-height:120px}.mystery-glow{position:fixed;width:420px;height:420px;border-radius:999px;pointer-events:none;filter:blur(100px);opacity:.2}.mystery-glow-left{top:-120px;left:-120px;background:#115e59}.mystery-glow-right{right:-140px;bottom:-100px;background:#1c1917}.answer-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.answer-modal{position:relative;width:min(560px,100%);padding:28px 24px 24px;border-radius:24px;border:1px solid rgba(134,239,172,.18);background:linear-gradient(180deg,rgba(10,24,16,.98),rgba(5,12,8,.98));box-shadow:0 24px 60px rgba(0,0,0,.42)}.answer-modal h2{margin:0 0 8px;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}.answer-modal-subtitle{margin:0 0 16px;color:var(--accent);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.answer-modal-body{margin:0;color:rgba(241,245,249,.92);line-height:1.75;white-space:pre-wrap;word-break:break-word}.answer-modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;transition:background .16s ease,transform .16s ease,border-color .16s ease}.answer-modal-close:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:var(--border-strong)}@media (max-width:1080px){.guide-grid,.guide-hero,.guide-steps,.layout-grid{grid-template-columns:1fr}.chat-panel,.game-page-shell .chat-panel{min-height:640px}}@media (max-width:640px){.page-shell{padding:18px}.topbar{gap:12px;margin-bottom:14px;align-items:flex-start;flex-direction:column}.help-link__text{display:none}.topbar-actions{margin-left:0;flex-wrap:wrap}.brand-hero{gap:7px}.brand-hero h1{letter-spacing:-.07em}.guide-hero{min-height:0;padding:18px;border-radius:20px}.guide-hero__visual{min-height:190px;border-radius:20px}.guide-contact{align-items:flex-start;flex-direction:column}.guide-contact__links{justify-content:flex-start}.layout-grid{gap:18px}.chat-panel,.sidebar{padding:15px;border-radius:20px}.game-page-shell .chat-panel{min-height:620px}.message-bubble{max-width:88%}.chat-form{grid-template-columns:1fr}.chat-form button{width:100%}.answer-modal-overlay{padding:16px}.answer-modal{padding:24px 18px 20px;border-radius:20px}.answer-modal h2{font-size:1.3rem}}