@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@400;500;600;700&display=swap";:root{--q-board: min(640px, calc(100vw - 2rem) );--q-gap: clamp(5px, .9vw, 9px);--q-cell: calc((var(--q-board) - (8 * var(--q-gap))) / 9);--q-bg: #f7fafc;--q-ink: #172033;--q-muted: #64748b;--q-card: rgba(255,255,255,.94);--q-card-2: #ffffff;--q-line: rgba(71,85,105,.18);--q-cell-a: #e8d7b7;--q-cell-b: #c89d62;--q-accent: #0f766e;--q-accent-2: #c2410c;--q-gold: #b7791f;--q-wall: #2f2217;--q-preview: rgba(15,118,110,.58);--q-danger: #b91c1c;--q-shadow: 0 20px 48px rgba(15,23,42,.13)}[data-theme=dark]{--q-bg: #0d1425;--q-ink: #f8fafc;--q-muted: #a8b3c7;--q-card: rgba(15,23,42,.94);--q-card-2: #101827;--q-line: rgba(226,232,240,.14);--q-cell-a: #b98b50;--q-cell-b: #7b512e;--q-accent: #2dd4bf;--q-accent-2: #fb923c;--q-gold: #f6c453;--q-wall: #f1d5a7;--q-preview: rgba(45,212,191,.62);--q-shadow: 0 22px 56px rgba(0,0,0,.42)}body{background:#f1f5f9}[data-theme=dark] body{background:#0d1425}.koridor-page{min-height:100vh;background:var(--q-bg)}#koridor-app{max-width:1240px;margin:0 auto;padding:clamp(1rem,3vw,1.6rem) clamp(.75rem,3vw,1.25rem) 3rem;font-family:Inter,sans-serif;color:var(--q-ink);box-sizing:border-box}.kq-shell{background:var(--q-card);border:1px solid var(--q-line);border-radius:clamp(18px,2.6vw,28px);box-shadow:var(--q-shadow);padding:clamp(.85rem,2vw,1.25rem);overflow:hidden}.kq-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-bottom:clamp(.8rem,2vw,1.2rem)}.kq-title{margin:0;font-family:Cinzel,serif;font-size:clamp(1.9rem,5vw,3.4rem);letter-spacing:.04em;color:var(--q-accent);line-height:1}.kq-sub{margin:.35rem 0 0;color:var(--q-muted);font-size:clamp(.76rem,1.8vw,.9rem);letter-spacing:.12em;text-transform:uppercase}.kq-top-actions,.kq-lang{display:flex;gap:.45rem;justify-content:flex-end;flex-wrap:wrap}.kq-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,320px);gap:clamp(.85rem,2.4vw,1.25rem);align-items:start}.kq-board-wrap{display:grid;place-items:center;padding:clamp(.7rem,2vw,1rem);background:linear-gradient(145deg,#6a4324,#2d1d12);border:1px solid rgba(47,34,23,.35);border-radius:18px;box-shadow:inset 0 0 0 6px #ffffff0f,0 18px 36px #0000002e;overflow:auto}.kq-board{width:var(--q-board);height:var(--q-board);display:grid;grid-template-columns:repeat(9,var(--q-cell));grid-template-rows:repeat(9,var(--q-cell));gap:var(--q-gap);position:relative;background:#3b281a;border-radius:13px;padding:var(--q-gap);box-sizing:content-box;touch-action:manipulation}.kq-cell{border:0;border-radius:clamp(6px,1vw,10px);background:linear-gradient(145deg,var(--q-cell-a),var(--q-cell-b));box-shadow:inset 0 2px #ffffff38,inset 0 -3px #0000002e;cursor:pointer;position:relative;min-width:0}.kq-cell.is-move:after{content:"";position:absolute;inset:28%;border-radius:999px;background:#0f766ed1;box-shadow:0 0 0 5px #0f766e2e}.kq-cell.is-target:before{content:"";position:absolute;inset:8%;border:2px dashed rgba(255,255,255,.72);border-radius:inherit}.kq-player{position:absolute;width:calc(var(--q-cell) * .58);height:calc(var(--q-cell) * .58);border-radius:999px;transform:translate(-50%,-50%);z-index:6;box-shadow:0 10px 18px #00000052,inset 0 3px #ffffff52;transition:left .22s ease,top .22s ease;pointer-events:none}.kq-player.human{background:linear-gradient(145deg,#14b8a6,#0f766e)}.kq-player.rival{background:linear-gradient(145deg,#fb923c,#c2410c)}.kq-wall{position:absolute;z-index:5;background:linear-gradient(145deg,var(--q-wall),#7a5a35);border-radius:999px;box-shadow:0 7px 13px #00000052,inset 0 1px #ffffff2e}.kq-wall.h{height:calc(var(--q-gap) * .84);width:calc((var(--q-cell) * 2) + var(--q-gap))}.kq-wall.v{width:calc(var(--q-gap) * .84);height:calc((var(--q-cell) * 2) + var(--q-gap))}.kq-wall-preview{position:absolute;z-index:7;background:var(--q-preview);border:1px solid rgba(255,255,255,.32);border-radius:999px;pointer-events:none}.kq-panel{background:var(--q-card-2);border:1px solid var(--q-line);border-radius:14px;padding:.85rem;box-shadow:0 10px 22px #0f172a0f}.kq-panel+.kq-panel{margin-top:.75rem}.kq-pt{display:flex;align-items:center;gap:.45rem;color:var(--q-accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.65rem}.kq-status{min-height:3.1rem;display:flex;align-items:center;padding:.7rem .78rem;border-radius:12px;background:#0f766e1a;color:var(--q-ink);font-weight:700;line-height:1.35}.kq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.kq-chip{min-height:62px;padding:.55rem;border-radius:12px;background:#64748b17;border:1px solid var(--q-line);display:grid;align-content:center;text-align:center}.kq-chip span{font-size:.64rem;color:var(--q-muted);letter-spacing:.08em;text-transform:uppercase}.kq-chip strong{font-family:Cinzel,serif;font-size:1.35rem;color:var(--q-gold);line-height:1.1}.kq-btn,.kq-seg button,.kq-lang a{min-height:40px;border-radius:10px;border:1px solid var(--q-line);background:#64748b1a;color:var(--q-ink);font:800 .76rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;text-decoration:none;padding:0 .75rem;box-sizing:border-box}.kq-btn:hover,.kq-seg button:hover,.kq-lang a:hover{border-color:var(--q-accent);color:var(--q-accent)}.kq-btn.primary{background:linear-gradient(135deg,var(--q-accent),#115e59);border-color:transparent;color:#fff}.kq-btn.warn{color:var(--q-danger)}.kq-btn.active,.kq-seg button.active,.kq-lang a.active{background:var(--q-accent);color:#fff;border-color:transparent}.kq-actions{display:grid;gap:.5rem}.kq-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.kq-seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.kq-help{margin:0;color:var(--q-muted);font-size:.82rem;line-height:1.5}@media(max-width:900px){.kq-head,.kq-layout{grid-template-columns:1fr}.kq-top-actions{justify-content:flex-start}}@media(max-width:560px){:root{--q-board: min(94vw, 430px);--q-gap: 5px}#koridor-app{padding-left:.5rem;padding-right:.5rem}.kq-shell{border-radius:16px;padding:.65rem}.kq-board-wrap{padding:.5rem}.kq-row{grid-template-columns:1fr}.kq-btn,.kq-seg button,.kq-lang a{font-size:.68rem;padding:0 .55rem}}.kq-shell{background:linear-gradient(180deg,var(--q-card),rgba(255,255,255,.86))}[data-theme=dark] .kq-shell{background:linear-gradient(180deg,#0f172af5,#0b1220f0)}.kq-head{grid-template-columns:1fr;text-align:center;justify-items:center}.kq-title{color:var(--q-gold);text-shadow:0 10px 26px rgba(183,121,31,.22)}.kq-board-wrap{position:relative;background:linear-gradient(145deg,#78502d,#332013 54%,#1d130d)}.kq-board-wrap:before{content:"";position:absolute;inset:.55rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;pointer-events:none}.kq-board{max-width:calc(100vw - 2.3rem);max-height:calc(100vw - 2.3rem)}.kq-cell{outline:1px solid rgba(255,255,255,.11)}.kq-cell:hover{filter:brightness(1.05);transform:translateY(-1px)}.kq-player.human{box-shadow:0 0 0 4px #14b8a62e,0 12px 22px #00000057,inset 0 3px #ffffff57}.kq-player.rival{box-shadow:0 0 0 4px #fb923c2e,0 12px 22px #00000057,inset 0 3px #ffffff57}.kq-result[hidden]{display:none}.kq-result{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:1rem;background:#020617b8;backdrop-filter:blur(8px)}.kq-result-box{width:min(420px,100%);text-align:center;background:var(--q-card-2);color:var(--q-ink);border:1px solid var(--q-line);border-radius:18px;padding:clamp(1.1rem,4vw,1.6rem);box-shadow:0 28px 70px #0000005c;animation:kqPop .18s ease-out}.kq-result-icon{width:64px;height:64px;margin:0 auto .7rem;border-radius:999px;display:grid;place-items:center;background:#0f766e24;color:var(--q-accent);font-size:1.65rem}.kq-result-box h2{margin:0;font:900 clamp(1.45rem,5vw,2.1rem)/1.1 Cinzel,serif;color:var(--q-gold)}.kq-result-box p{margin:.55rem 0 1rem;color:var(--q-muted);line-height:1.45}@keyframes kqPop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){:root{--q-board: min(92vw, 520px);--q-gap: 5px}.kq-layout{gap:.7rem}aside{display:grid;grid-template-columns:1fr;gap:.55rem}.kq-panel{padding:.68rem}.kq-panel+.kq-panel{margin-top:0}.kq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kq-chip{min-height:54px;padding:.42rem .25rem}.kq-chip span{font-size:.54rem}.kq-chip strong{font-size:1.05rem}.kq-status{min-height:2.7rem;font-size:.86rem}}@media(max-width:430px){:root{--q-board: min(91vw, 360px);--q-gap: 4px}.kq-grid{grid-template-columns:1fr 1fr}.kq-seg,.kq-row{gap:.35rem}.kq-btn,.kq-seg button{min-height:38px;font-size:.62rem;letter-spacing:.04em}.kq-help{font-size:.76rem}}.page-wrap.page-wrap-play{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}.page-wrap.page-wrap-play>.koridor-page{background:transparent!important;min-height:auto;padding-top:0!important}.page-wrap.page-wrap-play .koridor-page{background:transparent!important}.page-wrap.page-wrap-play #koridor-app{background:transparent!important;min-height:auto;padding-top:0!important}.page-wrap.page-wrap-play .kq-shell{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.page-wrap.page-wrap-play .kq-shell:before,.page-wrap.page-wrap-play #koridor-app:before,.page-wrap.page-wrap-play .kq-shell:after,.page-wrap.page-wrap-play #koridor-app:after{display:none!important}html[data-theme=dark] body,html[data-theme=dark] .koridor-page{background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 8% 10%,rgba(14,165,233,.1),transparent 28%),linear-gradient(180deg,#07111f,#0a1424 48%,#070d18)!important}html:not([data-theme=dark]) body,html:not([data-theme=dark]) .koridor-page{background:radial-gradient(circle at 86% 0%,rgba(191,219,254,.3),transparent 32%),radial-gradient(circle at 8% 10%,rgba(224,242,254,.34),transparent 28%),linear-gradient(180deg,#f7fbff,#f3f7fb 48%,#eef2f7)!important}html:not([data-theme=dark]) #koridor-app{background:transparent!important}
