:root{--kol-bg:#151821;--kol-surface:#1F2430;--kol-surface-subtle:#272D3D;--kol-surface-elevated:#2E3547;--kol-border:#2D3446;--kol-border-bright:#3D465E;--kol-text:#E6EDF3;--kol-text-muted:#8B949E;--kol-coral:#FF6B6B;--kol-coral-glow:rgba(255,107,107,0.22);--kol-teal:#4ECDC4;--kol-teal-glow:rgba(78,205,196,0.22);--kol-gold:#FFD166;--kol-violet:#A78BFA;--kol-radius-sm:8px;--kol-radius-md:14px;--kol-radius-lg:20px;--kol-font-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--kol-font-mono:'JetBrains Mono',"Courier New",monospace;--kol-shadow:0 10px 30px -10px rgba(0,0,0,0.5);--kol-transition:all 0.22s cubic-bezier(0.16,1,0.3,1)}[data-mode="light"]{--kol-bg:#F4F6FB;--kol-surface:#FFFFFF;--kol-surface-subtle:#EAEFF7;--kol-surface-elevated:#FFFFFF;--kol-border:#D8DEE9;--kol-border-bright:#BAC4D6;--kol-text:#1E2530;--kol-text-muted:#5A6678;--kol-coral:#E64A4A;--kol-coral-glow:rgba(230,74,74,0.15);--kol-teal:#0FA396;--kol-teal-glow:rgba(15,163,150,0.15);--kol-shadow:0 10px 25px -8px rgba(30,40,60,0.1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--kol-bg);color:var(--kol-text);font-family:var(--kol-font-sans);line-height:1.5;font-size:16px;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}lounge-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--kol-bg);color:var(--kol-text)}viewport-core{display:block;flex:1 0 auto;width:100%;max-width:1240px;margin:0 auto;padding:24px 20px 60px}top-ribbon{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;margin:0 auto;padding:16px 20px;border-bottom:1px solid var(--kol-border)}.kol-brand-anchor{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.kol-brand-emblem{width:38px;height:38px;border-radius:var(--kol-radius-sm);background:linear-gradient(135deg,var(--kol-coral)0%,var(--kol-teal)100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--kol-coral-glow)}.kol-brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-0.02em;color:var(--kol-text)}.kol-brand-tag{font-size:0.72rem;font-weight:700;background-color:var(--kol-surface-subtle);color:var(--kol-teal);padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;margin-left:4px}.kol-ribbon-actions{display:flex;align-items:center;gap:12px}.kol-ribbon-link{color:var(--kol-text-muted);text-decoration:none;font-size:0.9rem;font-weight:600;padding:7px 12px;border-radius:var(--kol-radius-sm);transition:var(--kol-transition)}.kol-ribbon-link:hover{color:var(--kol-text);background-color:var(--kol-surface)}.kol-theme-toggle{background:var(--kol-surface);border:1px solid var(--kol-border);color:var(--kol-text);padding:7px 14px;border-radius:var(--kol-radius-sm);font-size:0.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:var(--kol-transition)}.kol-theme-toggle:hover{background:var(--kol-surface-subtle);border-color:var(--kol-border-bright)}crest-banner{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:32px;background:linear-gradient(145deg,var(--kol-surface)0%,var(--kol-surface-subtle)100%);border:1px solid var(--kol-border);border-radius:var(--kol-radius-lg);padding:38px 42px;margin-bottom:40px;box-shadow:var(--kol-shadow);position:relative;overflow:hidden}.kol-crest-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(78,205,196,0.12);border:1px solid rgba(78,205,196,0.3);color:var(--kol-teal);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:4px 12px;border-radius:20px;margin-bottom:14px}.kol-crest-title{font-size:2.3rem;font-weight:800;line-height:1.18;letter-spacing:-0.03em;margin-bottom:14px}.kol-crest-title span{background:linear-gradient(135deg,var(--kol-coral)0%,var(--kol-gold)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kol-crest-lead{font-size:1.05rem;color:var(--kol-text-muted);max-width:580px;margin-bottom:22px}.kol-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.kol-tab-btn{background:var(--kol-surface-subtle);border:1px solid var(--kol-border);color:var(--kol-text-muted);font-size:0.82rem;font-weight:600;padding:6px 14px;border-radius:18px;cursor:pointer;transition:var(--kol-transition)}.kol-tab-btn:hover,.kol-tab-btn.is-active{background:var(--kol-teal);color:#121820;border-color:var(--kol-teal);font-weight:700}.kol-mascot-box{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.kol-mascot-svg{width:210px;height:210px;animation:kolCraneFloat 4.5s ease-in-out infinite alternate}@keyframes kolCraneFloat{0%{transform:translateY(0px)rotate(0deg)}50%{transform:translateY(-8px)rotate(-1.5deg)}100%{transform:translateY(3px)rotate(1.5deg)}}.kol-mascot-caption{font-size:0.78rem;color:var(--kol-text-muted);margin-top:10px;text-align:center;font-family:var(--kol-font-mono)}mosaic-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-bottom:50px}game-pod{display:flex;flex-direction:column;background-color:var(--kol-surface);border:1px solid var(--kol-border);border-radius:var(--kol-radius-md);padding:24px;transition:var(--kol-transition);position:relative}game-pod:hover{transform:translateY(-4px);border-color:var(--kol-teal);box-shadow:0 14px 28px -10px var(--kol-teal-glow)}pod-glyph{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:var(--kol-radius-sm);background-color:var(--kol-surface-subtle);border:1px solid var(--kol-border);color:var(--kol-teal);margin-bottom:16px;transition:var(--kol-transition)}game-pod:hover pod-glyph{color:var(--kol-coral);border-color:var(--kol-coral);transform:scale(1.05)}.kol-svg-glyph{width:34px;height:34px}pod-title{display:block;font-size:1.18rem;font-weight:700;letter-spacing:-0.01em;margin-bottom:8px;color:var(--kol-text)}pod-brief{display:block;font-size:0.88rem;color:var(--kol-text-muted);line-height:1.45;margin-bottom:18px;flex:1 0 auto}pod-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.kol-badge{font-size:0.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background-color:var(--kol-surface-subtle);color:var(--kol-text-muted)}.kol-badge.is-highlight{color:var(--kol-coral);border:1px solid rgba(255,107,107,0.3)}pod-action{display:block;margin-top:auto}.kol-btn-launch{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:11px 18px;background:linear-gradient(135deg,var(--kol-teal)0%,#3bb2aa 100%);color:#10161C;font-weight:700;font-size:0.92rem;text-decoration:none;border-radius:var(--kol-radius-sm);transition:var(--kol-transition);border:none;cursor:pointer}.kol-btn-launch:hover{background:linear-gradient(135deg,var(--kol-coral)0%,#e05555 100%);color:#FFFFFF}arena-frame{display:flex;flex-direction:column;gap:22px}.kol-arena-back{display:inline-flex;align-items:center;gap:8px;color:var(--kol-text-muted);text-decoration:none;font-size:0.9rem;font-weight:600;margin-bottom:4px}.kol-arena-back:hover{color:var(--kol-teal)}hud-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background-color:var(--kol-surface);border:1px solid var(--kol-border);border-radius:var(--kol-radius-md);padding:14px 22px;box-shadow:var(--kol-shadow)}.kol-hud-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.kol-game-h1{font-size:1.35rem;font-weight:800;color:var(--kol-text);letter-spacing:-0.02em}score-gauge{display:flex;align-items:center;gap:12px;font-family:var(--kol-font-mono);font-size:0.86rem}.kol-stat-pill{background-color:var(--kol-surface-subtle);border:1px solid var(--kol-border);padding:4px 10px;border-radius:6px;color:var(--kol-text)}.kol-stat-pill strong{color:var(--kol-teal)}.kol-hud-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}ai-selector{display:inline-flex;align-items:center;gap:8px}.kol-select-native{background-color:var(--kol-surface-subtle);border:1px solid var(--kol-border);color:var(--kol-text);font-family:inherit;font-size:0.85rem;font-weight:600;padding:6px 12px;border-radius:var(--kol-radius-sm);outline:none;cursor:pointer}audio-switch{display:inline-flex}.kol-audio-btn{background-color:var(--kol-surface-subtle);border:1px solid var(--kol-border);color:var(--kol-text);padding:6px 12px;border-radius:var(--kol-radius-sm);font-size:0.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--kol-transition)}.kol-audio-btn.is-active{border-color:var(--kol-coral);color:var(--kol-coral)}restart-trigger{display:inline-flex}.kol-restart-btn{background-color:var(--kol-coral);color:#FFFFFF;border:none;padding:7px 16px;border-radius:var(--kol-radius-sm);font-size:0.88rem;font-weight:700;cursor:pointer;transition:var(--kol-transition)}.kol-restart-btn:hover{background-color:#E65353;transform:translateY(-1px)}board-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--kol-surface);border:1px solid var(--kol-border);border-radius:var(--kol-radius-lg);padding:30px 20px;min-height:480px;position:relative;overflow:hidden;box-shadow:var(--kol-shadow)}.kol-board-canvas-wrap{width:100%;max-width:600px;margin:0 auto;position:relative;display:flex;justify-content:center}.kol-board-svg{width:100%;height:auto;max-height:540px;user-select:none;touch-action:manipulation}piece-node{display:inline-block;cursor:pointer;transition:transform 0.15s ease,filter 0.15s ease}piece-node:hover{filter:brightness(1.2)}rule-card{display:block;background-color:var(--kol-surface);border:1px solid var(--kol-border);border-radius:var(--kol-radius-md);padding:24px 28px}.kol-rules-head{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--kol-text);margin-bottom:14px}.kol-rules-list{list-style:none;display:grid;gap:10px}.kol-rules-list li{display:flex;align-items:flex-start;gap:12px;font-size:0.92rem;color:var(--kol-text-muted);line-height:1.45}.kol-rule-bullet{color:var(--kol-coral);font-weight:800}memo-privacy{display:block;background-color:var(--kol-surface);border:1px solid var(--kol-border);border-radius:var(--kol-radius-lg);padding:40px 44px;box-shadow:var(--kol-shadow)}.kol-memo-header{border-bottom:1px solid var(--kol-border);padding-bottom:24px;margin-bottom:30px}.kol-memo-title{font-size:2rem;font-weight:800;letter-spacing:-0.02em;margin-bottom:8px}.kol-memo-subtitle{font-size:1rem;color:var(--kol-text-muted)}.kol-memo-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--kol-font-mono);font-size:0.8rem;color:var(--kol-teal)}.kol-qa-block{margin-bottom:28px}.kol-qa-q{font-size:1.15rem;font-weight:700;color:var(--kol-text);margin-bottom:8px;display:flex;align-items:center;gap:10px}.kol-qa-q::before{content:"Q.";color:var(--kol-coral);font-weight:800}.kol-qa-a{font-size:0.95rem;color:var(--kol-text-muted);line-height:1.6}.kol-qa-a p{margin-bottom:10px}.kol-contact-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:0.92rem}.kol-contact-table td{padding:8px 12px;border-bottom:1px solid var(--kol-border)}.kol-contact-table td:first-child{font-weight:700;color:var(--kol-text);width:180px}foot-note{display:block;background-color:var(--kol-surface);border-top:1px solid var(--kol-border);padding:40px 20px 48px;margin-top:auto}.kol-foot-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.kol-foot-about h4{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--kol-text)}.kol-foot-about p{font-size:0.88rem;color:var(--kol-text-muted);line-height:1.5;max-width:440px}.kol-foot-col h4{font-size:0.92rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;color:var(--kol-text)}.kol-foot-links{list-style:none;display:grid;gap:8px;font-size:0.88rem}.kol-foot-links a{color:var(--kol-text-muted);text-decoration:none;transition:var(--kol-transition)}.kol-foot-links a:hover{color:var(--kol-teal)}.kol-foot-contacts{font-size:0.88rem;color:var(--kol-text-muted);line-height:1.6}.kol-foot-bottom{max-width:1240px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--kol-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.82rem;color:var(--kol-text-muted)}consent-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:820px;background:var(--kol-surface-elevated);border:1px solid var(--kol-border-bright);border-radius:var(--kol-radius-md);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 40px rgba(0,0,0,0.6);z-index:9999;transition:var(--kol-transition)}consent-dock.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,30px)}.kol-consent-text{font-size:0.86rem;color:var(--kol-text);line-height:1.4}.kol-consent-text a{color:var(--kol-teal);text-decoration:underline}.kol-consent-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.kol-btn-accept{background:var(--kol-teal);color:#121820;border:none;padding:8px 16px;border-radius:var(--kol-radius-sm);font-size:0.84rem;font-weight:700;cursor:pointer;transition:var(--kol-transition)}.kol-btn-accept:hover{background:#3bb2aa}.kol-btn-decline{background:transparent;color:var(--kol-text-muted);border:1px solid var(--kol-border);padding:8px 14px;border-radius:var(--kol-radius-sm);font-size:0.84rem;font-weight:600;cursor:pointer;transition:var(--kol-transition)}.kol-btn-decline:hover{color:var(--kol-text);border-color:var(--kol-text-muted)}.kol-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(18,22,32,0.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--kol-radius-lg);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.kol-modal-overlay.is-open{opacity:1;pointer-events:auto}.kol-modal-card{background:var(--kol-surface);border:1px solid var(--kol-border-bright);border-radius:var(--kol-radius-md);padding:28px 36px;text-align:center;max-width:380px;box-shadow:var(--kol-shadow);transform:scale(0.95);transition:transform 0.25s ease}.kol-modal-overlay.is-open .kol-modal-card{transform:scale(1)}.kol-modal-title{font-size:1.5rem;font-weight:800;margin-bottom:8px}.kol-modal-title.is-win{color:var(--kol-teal)}.kol-modal-title.is-loss{color:var(--kol-coral)}.kol-modal-desc{font-size:0.92rem;color:var(--kol-text-muted);margin-bottom:20px}@media(max-width:900px){crest-banner{grid-template-columns:1fr;padding:28px 24px;gap:20px}.kol-mascot-box{display:none}.kol-foot-inner{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){viewport-core{padding:16px 14px 40px}.kol-crest-title{font-size:1.7rem}top-ribbon{padding:12px 14px}hud-strip{flex-direction:column;align-items:flex-start}.kol-hud-left,.kol-hud-right{width:100%;justify-content:space-between}consent-dock{flex-direction:column;align-items:stretch;bottom:12px;padding:14px 16px}.kol-consent-actions{justify-content:flex-end}mosaic-board{grid-template-columns:1fr}memo-privacy{padding:24px 18px}}