:root{--bg:#080c0b;--surface:#101714;--surface-2:#151e1a;--text:#f4f5ef;--muted:#9ba69f;--green:#8fe3a7;--gold:#d7ad62;--line:rgba(255,255,255,.09);--danger:#ff8d7c;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#183226 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,main{min-height:100dvh}main{display:flex;flex-direction:column}a,button{font:inherit}button{color:inherit}.topbar{height:60px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:relative;z-index:2}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--text);text-decoration:none;font-weight:720;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border:1px solid rgba(143,227,167,.28);display:grid;place-items:center;border-radius:11px;color:var(--green);background:rgba(143,227,167,.06)}.brand small{font-size:10px;color:#66736b;letter-spacing:.13em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:11px;font-weight:600}.api-pill{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgba(255,255,255,.025)}.api-pill span{width:7px;height:7px;border-radius:50%;background:#657068}.api-pill.ready span{background:var(--green);box-shadow:0 0 10px var(--green)}.api-pill.missing{color:#dfb7aa}.api-pill.missing span{background:var(--danger)}.hero{text-align:center;padding:66px 20px 30px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:650}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:var(--muted);font-size:16px;line-height:1.7;max-width:600px;margin:22px auto 0}.mode-switch{display:flex;justify-content:center;margin:8px auto 12px;background:#0c120f;border:1px solid var(--line);padding:4px;border-radius:12px;width:max-content}.mode-switch button{padding:0 18px;border:0;border-radius:9px;background:transparent;color:#77827b;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:650}.mode-switch button.active{background:#1a2520;color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.game-shell{width:calc(100% - 28px);margin:0 auto;padding-bottom:16px;display:grid;grid-template-columns:230px minmax(450px,1fr) 240px;grid-gap:14px;gap:14px;align-items:stretch;flex:1 1;min-height:0}.panel{background:linear-gradient(145deg,rgba(22,31,27,.94),rgba(12,18,15,.94));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:0}.panel-heading{height:57px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.05em}.icon-button,.modal-close{border:0;background:transparent;color:#7c8981;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;cursor:pointer}.icon-button:hover,.modal-close:hover{color:var(--text);background:rgba(255,255,255,.06)}.setting{padding:18px;border-bottom:1px solid var(--line)}.section-label,.setting label{display:flex;justify-content:space-between;color:#738078;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.segmented button{height:42px;border:1px solid var(--line);background:#0e1512;border-radius:9px;color:#859188;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center}.segmented button.selected{border-color:rgba(143,227,167,.45);background:rgba(143,227,167,.08);color:var(--text)}.mini-stone{width:14px;height:14px;border-radius:50%;display:inline-block}.mini-stone.black{background:#050706;border:1px solid #48524c}.mini-stone.white{background:#ebece5}.turn-card{margin:16px 18px;padding:13px;border:1px solid var(--line);background:#0c120f;border-radius:12px;display:flex;align-items:center;gap:12px}.turn-card small{display:block;color:#6f7b73;font-size:10px;margin-bottom:3px}.turn-card strong{font-size:13px}.turn-stone{width:28px;height:28px;border-radius:50%;box-shadow:0 4px 10px #0008}.turn-stone.black{background:linear-gradient(145deg,#38413c,#050706)}.turn-stone.white{background:linear-gradient(145deg,#fff,#bdc2bb)}.thinking-dots{margin-left:auto;display:flex;gap:3px}.thinking-dots i{width:4px;height:4px;background:var(--green);border-radius:50%;animation:pulse 1s infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes pulse{50%{opacity:.2;transform:translateY(-2px)}}.wide-button{margin:0 18px 16px;width:calc(100% - 36px);height:42px;border:0;border-radius:9px;background:var(--green);color:#07100a;font-size:12px;font-weight:800;cursor:pointer}.wide-button:disabled{opacity:.4;cursor:not-allowed}.move-list{border-top:1px solid var(--line);padding:17px 18px;max-height:380px;overflow:auto}.move-list .section-label span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{font-size:12px;color:#616c65;margin:26px 0;text-align:center}.move-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.move-no{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:9px}.move-no.black{background:#050706;border:1px solid #3f4943}.move-no.white{background:#e7e9e2;color:#151917}.move-row strong{display:block;font-size:11px}.move-row small{display:block;color:#68736c;font-size:9px;margin-top:2px}.move-row b{font-family:ui-monospace,monospace;font-size:12px;color:var(--gold)}.duel-cards{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;grid-gap:8px;gap:8px}.duel-cards>div{display:flex;gap:10px;align-items:center;padding:10px;background:#0d1411;border-radius:9px;color:var(--green)}.duel-cards span{color:var(--text);font-size:11px;font-weight:650}.duel-cards small{display:block;color:#68746c;font-size:9px;margin-top:2px}.board-wrap{position:relative;background:#151c18;border:1px solid var(--line);border-radius:22px;box-shadow:0 34px 80px rgba(0,0,0,.35);width:100%;max-width:calc(100dvh - 140px);margin:0 auto;display:flex;flex-direction:column}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);background:#bb8c4c;border:10px solid #7c5428;box-shadow:inset 0 0 25px #4e2d14,0 16px 35px #0008;border-radius:4px;overflow:hidden}.cell{position:relative;min-width:0;border:0;background-color:transparent;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(57,34,15,.63) calc(50% - .5px),rgba(57,34,15,.63) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent calc(50% - .5px),rgba(57,34,15,.63) calc(50% - .5px),rgba(57,34,15,.63) calc(50% + .5px),transparent calc(50% + .5px));padding:0;cursor:pointer}.cell:not(:disabled):hover:after{content:"";position:absolute;width:62%;height:62%;left:19%;top:19%;border-radius:50%;background:rgba(255,255,255,.22)}.cell:focus-visible{outline:3px solid #d6f36b;outline-offset:-3px;z-index:3}.stone{position:absolute;width:76%;height:76%;left:12%;top:12%;border-radius:50%;z-index:2}.stone.black{background:radial-gradient(circle at 35% 28%,#566058 0,#1c211e 30%,#030504 72%);box-shadow:0 5px 7px #3b210e99}.stone.white{background:radial-gradient(circle at 35% 25%,#fff 0,#e7e7df 43%,#a4a89f 100%);box-shadow:0 5px 7px #3b210e88}.stone i{position:absolute;width:22%;height:22%;border-radius:50%;background:#e46c50;left:39%;top:39%;box-shadow:0 0 0 2px rgba(255,255,255,.28)}.coordinates.top{top:10px;left:38px;right:28px;grid-template-columns:repeat(15,1fr);text-align:center}.coordinates.top,.row-coordinates{position:absolute;display:grid;font-size:9px;color:#667269}.row-coordinates{top:30px;bottom:44px;left:9px;grid-template-rows:repeat(15,1fr);align-items:center}.board-status{display:flex;justify-content:space-between;font-size:9px;color:#58635c;letter-spacing:.13em;padding-top:10px}.game-over{position:absolute;inset:0;background:rgba(5,9,7,.82);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px}.game-over small{color:var(--green);letter-spacing:.18em;font-weight:700}.game-over strong{font-size:30px;margin:10px 0 20px}.game-over button{border:0;border-radius:9px;padding:11px 18px;background:var(--green);color:#07100a;font-weight:750;cursor:pointer}.live-dot{font-size:8px;color:var(--green);background:rgba(143,227,167,.09);padding:5px 7px;border-radius:999px}.model-card{margin:18px;padding:14px;border:1px solid rgba(143,227,167,.17);border-radius:11px;background:rgba(143,227,167,.04)}.model-card small{display:block;color:#647068;font-size:8px;letter-spacing:.14em}.model-card strong{display:block;font-family:ui-monospace,monospace;font-size:13px;margin:6px 0}.model-card span{color:#68746c;font-size:9px}.decision-hero{margin:0 18px 17px;padding:18px;border-radius:12px;background:linear-gradient(135deg,rgba(215,173,98,.15),rgba(215,173,98,.03));border:1px solid rgba(215,173,98,.18);position:relative}.decision-hero small{display:block;color:#97805a;font-size:9px}.decision-hero strong{display:block;font-size:36px;font-family:ui-monospace,monospace;color:#f0c879;margin-top:5px}.decision-hero span{position:absolute;right:13px;bottom:13px;color:#8d7b5f;font-size:9px}.confidence{padding:0 18px 18px}.confidence>div:first-child{display:flex;justify-content:space-between;font-size:11px}.confidence b{color:var(--green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar{height:4px;background:#253029;margin-top:8px;overflow:hidden}.bar,.bar i{border-radius:3px}.bar i{display:block;height:100%;background:var(--green)}.candidates{border-top:1px solid var(--line);padding:17px 18px}.candidates>div:not(.section-label){display:grid;grid-template-columns:28px 1fr 30px;align-items:center;grid-gap:8px;gap:8px;margin:9px 0;font-size:10px}.candidates>div>span{font-family:ui-monospace,monospace;color:#bdc5bf}.candidates>div>i{height:3px;background:#242d28;border-radius:3px;overflow:hidden}.candidates>div>i>b{display:block;height:100%;background:#a9854e}.candidates>div>small{text-align:right;color:#6a756e}.insight-empty{text-align:center;color:#68736c;padding:72px 30px}.insight-empty svg{color:#39463f}.insight-empty strong{display:block;color:#98a39c;font-size:12px;margin:12px}.insight-empty p{font-size:10px;line-height:1.6}.primitive{margin:18px;padding:14px;background:#0b110e;border:1px solid var(--line);border-radius:11px}.primitive span{display:block;font-size:8px;color:#667169;letter-spacing:.14em}.primitive code{display:block;color:var(--green);font-size:12px;margin:7px 0}.primitive p{color:#69746d;font-size:9px;line-height:1.55;margin:0}.error-box{margin:14px 18px;padding:11px;border:1px solid rgba(255,141,124,.25);color:#f2afa4;background:rgba(255,141,124,.05);border-radius:9px;font-size:10px}.error-box button{display:block;margin-top:8px;border:0;color:var(--text);background:transparent;padding:0;text-decoration:underline;cursor:pointer}footer{height:90px;border-top:1px solid var(--line);justify-content:space-between;padding:0 clamp(24px,6vw,88px);color:#647068;font-size:11px}footer,footer a{display:flex;align-items:center}footer a{color:#a8b2ab;text-decoration:none;gap:5px}.modal-backdrop{position:fixed;inset:0;background:rgba(1,4,2,.76);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(460px,100%);background:#111915;border:1px solid rgba(143,227,167,.2);border-radius:22px;padding:34px;box-shadow:0 30px 100px #000;position:relative}.modal-close{position:absolute;right:14px;top:14px}.modal-icon{width:50px;height:50px;border-radius:14px;background:rgba(143,227,167,.09);color:var(--green);display:grid;place-items:center;margin-bottom:20px}.modal>small{color:var(--green);font-size:9px;letter-spacing:.15em;font-weight:750}.modal h2{font-size:28px;letter-spacing:-.035em;margin:10px 0}.modal li,.modal p{color:#98a39c;font-size:12px;line-height:1.65}.modal>code{display:block;background:#080d0a;border:1px solid var(--line);padding:12px;border-radius:8px;color:#d8bc82;font-size:12px}.modal ol{padding-left:20px;margin:17px 0}.modal-cta{height:46px;border-radius:9px;background:var(--green);color:#07100a;text-decoration:none;font-weight:750;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.text-button{width:100%;border:0;background:transparent;color:#7d8981;font-size:11px;margin-top:12px;cursor:pointer;padding:8px}a:focus-visible,button:focus-visible{outline:2px solid #d6f36b;outline-offset:3px}@media(max-width:1100px){.game-shell{grid-template-columns:220px minmax(420px,1fr)}.insight-panel{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:180px 1fr 1fr;align-items:start}.insight-panel .panel-heading{grid-column:1/-1}.insight-empty{padding:40px 20px}.primitive{grid-column:3}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.brand small{display:none}.api-pill{font-size:10px;padding:7px 9px}.hero{padding:44px 18px 24px}.hero h1{font-size:40px}.hero p{font-size:14px}.mode-switch{width:calc(100% - 32px)}.mode-switch button{flex:1 1;justify-content:center;padding:0 8px}.game-shell{width:calc(100% - 24px);grid-template-columns:1fr}.left-panel{min-height:0;order:2}.board-wrap{order:1;padding:32px 22px 19px;border-radius:16px}.coordinates.top{left:32px;right:22px;top:11px}.row-coordinates{left:5px;top:32px;bottom:45px}.board{border-width:6px}.insight-panel{order:3;display:block;min-height:0}.primitive{grid-column:auto}.panel{border-radius:14px}.move-list{max-height:250px}.hero br{display:none}footer{height:auto;padding:28px 20px;gap:16px;flex-direction:column;align-items:flex-start}.modal{padding:28px 22px}.modal h2{font-size:24px}}.api-pill{cursor:pointer}.key-field{margin:18px 0}.key-field>label{display:block;color:#b8c2bb;font-size:11px;font-weight:700;margin-bottom:8px}.key-field>div{display:flex;border:1px solid var(--line);background:#080d0a;border-radius:9px;overflow:hidden}.key-field input{width:100%;min-width:0;height:46px;border:0;outline:0;background:transparent;color:var(--text);padding:0 13px;font-family:ui-monospace,monospace;font-size:12px}.key-field>div:focus-within{box-shadow:0 0 0 2px var(--green);border-color:transparent}.key-field>div button{width:46px;min-width:46px;border:0;background:transparent;color:#7f8c84;display:grid;place-items:center;cursor:pointer}.key-field>small{display:block;color:#718078;font-size:9px;line-height:1.5;margin-top:7px}.key-field>strong{display:block;color:var(--danger);font-size:10px;margin-top:7px}.key-submit{width:100%;border:0;cursor:pointer}.text-link{display:flex;justify-content:center;align-items:center;gap:5px;color:#aab5ad;font-size:10px;text-decoration:none;margin-top:12px}.danger-text{color:#e7a095}.decision-hero p{margin:8px 0 0;color:#a89066;font-size:9px;line-height:1.45;max-width:75%}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{overflow:hidden;background:#050907 url(/images/jev-arena-bg.png) 50%/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,4,.4),rgba(2,6,4,.76)),radial-gradient(circle at 50% 42%,transparent 0,rgba(2,6,4,.18) 48%,rgba(1,4,2,.68) 100%)}main{height:100dvh;min-height:0;position:relative;isolation:isolate}.topbar{height:68px;min-height:68px;padding:0 clamp(16px,2.2vw,36px);background:linear-gradient(180deg,rgba(6,12,8,.94),rgba(6,12,8,.72));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:rgba(205,171,104,.16)}.mode-switch{margin:0;position:absolute;left:50%;transform:translateX(-50%);background:rgba(4,10,6,.72);border-color:rgba(205,171,104,.2);padding:3px}.mode-switch button{height:42px;min-width:142px;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.mode-switch button.active{background:linear-gradient(180deg,rgba(46,67,51,.95),rgba(23,38,29,.95));box-shadow:inset 0 0 0 1px rgba(176,219,164,.16),0 5px 18px #0005}.api-pill{min-height:42px}.game-shell{width:100%;margin:0;padding:14px clamp(14px,1.5vw,24px) 18px;grid-template-columns:minmax(210px,16vw) minmax(0,1fr) minmax(220px,17vw);gap:clamp(10px,1vw,16px);height:calc(100dvh - 68px);position:relative}.panel{background:linear-gradient(145deg,rgba(18,28,22,.9),rgba(7,13,9,.92));border-color:rgba(205,171,104,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 54px #0005}.insight-panel,.left-panel{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d5b51 transparent}.board-wrap{align-self:center;height:min(100%,calc(100dvh - 96px));width:auto;max-width:100%;aspect-ratio:1;padding:30px 28px 16px;background:linear-gradient(145deg,rgba(25,37,29,.94),rgba(8,15,10,.96));border-color:rgba(205,171,104,.24);box-shadow:0 32px 90px #000b,0 0 0 1px rgba(216,180,105,.06)}.board{min-height:0;flex:1 1;width:auto;box-shadow:inset 0 0 28px #4e2d14,0 20px 55px #000b,0 0 0 1px rgba(237,196,118,.2)}.panel-heading{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:rgba(10,17,12,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.api-pill,.game-over button,.icon-button,.mode-switch button,.segmented button,.wide-button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.api-pill:active,.game-over button:active,.icon-button:active,.mode-switch button:active,.segmented button:active,.wide-button:active{opacity:.72}@media(max-width:1100px){body{overflow:auto}.topbar{height:64px;min-height:64px}.game-shell{height:auto;min-height:calc(100dvh - 64px);grid-template-columns:minmax(190px,25vw) minmax(0,1fr);padding-top:12px}.board-wrap{height:auto;width:100%;max-width:calc(100dvh - 94px)}.insight-panel{height:auto}.mode-switch{position:static;transform:none;margin-left:auto;margin-right:12px}.mode-switch button{min-width:0}.mode-switch button span{display:none}}@media(max-width:760px){body{overflow:auto;background-position:40%}.topbar{height:60px;min-height:60px;padding:0 12px;position:-webkit-sticky;position:sticky;top:0}.brand-mark{width:38px;height:38px}.brand>span:nth-child(2){display:none}.mode-switch{margin:0 auto;padding:2px}.mode-switch button{width:46px;height:44px}.api-pill,.mode-switch button{padding:0;justify-content:center}.api-pill{width:42px;height:42px;min-height:42px;font-size:0}.api-pill span{width:9px;height:9px}.game-shell{height:auto;min-height:calc(100dvh - 60px);width:100%;padding:10px;gap:10px}.board-wrap{width:100%;max-width:none;padding:28px 20px 16px}.coordinates.top{left:30px;right:20px}.row-coordinates{left:5px;top:28px;bottom:40px}.insight-panel,.left-panel{height:auto}.panel-heading{position:static}}@media(max-height:720px) and (min-width:761px){.topbar{height:56px;min-height:56px}.game-shell{height:calc(100dvh - 56px);padding-top:8px;padding-bottom:10px}.mode-switch button{height:38px}.api-pill{min-height:38px}.board-wrap{height:min(100%,calc(100dvh - 72px));padding-top:26px}.coordinates.top{top:8px}}.mode-switch a{height:42px;min-width:128px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:#77827b;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:650;text-decoration:none;transition:color .18s ease,background .18s ease}.mode-switch a:hover{color:var(--green);background:rgba(143,227,167,.06)}@media(max-width:1100px){.mode-switch a{min-width:0}.mode-switch a span{display:none}}@media(max-width:760px){.mode-switch a{width:42px;height:44px;padding:0}}