.vai-gameboard{--gb-pool-a: var(--fx-blue-600);--gb-pool-b: var(--fx-orange-600);--gb-pool-c: var(--fx-purple-600);font-family:var(--font-serif);font-feature-settings:"ss01" 0,"ss02" 1,"ss03" 1;font-variant-numeric:oldstyle-nums;font-size:var(--wb-p2);color:var(--color-text);line-height:1.6}html.dark .vai-gameboard{--gb-pool-a: var(--blue-400);--gb-pool-b: var(--orange-400);--gb-pool-c: var(--purple-400)}.vai-gameboard :where(h1,h2,p,ul,li){margin:0;padding:0}.vai-gameboard .gb-phase{display:none}.vai-gameboard .gb-phase.active{display:block;animation:gb-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}.vai-gameboard .gb-phase--configure{max-width:680px;margin:0 auto;padding:60px var(--sp-3) 80px}.vai-gameboard .gb-phase--draw{max-width:780px;margin:0 auto;padding:40px var(--sp-3) 80px}.vai-gameboard .gb-phase--reading{max-width:1100px;margin:0 auto;padding:40px var(--sp-3) 80px}.vai-gameboard .gb-title{font-family:var(--font-display);font-weight:700;font-size:var(--h5);line-height:1.2;margin-bottom:12px}.vai-gameboard .gb-subtitle{font-size:var(--wb-p2);color:var(--color-text-secondary);margin-bottom:var(--sp-5);max-width:520px}.vai-gameboard .gb-conditions{display:flex;flex-direction:column;gap:0}.vai-gameboard .gb-condition-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:20px 0;border-bottom:1px solid var(--color-border)}.vai-gameboard .gb-condition-row:first-child{border-top:1px solid var(--color-border)}.vai-gameboard .gb-condition-info{flex:1;min-width:0}.vai-gameboard .gb-condition-name{font-family:var(--font-sans);font-size:var(--wb-p3);margin-bottom:4px}.vai-gameboard .gb-condition-desc{font-size:var(--wb-p3);color:var(--color-text-secondary);line-height:1.4}.vai-gameboard .gb-condition-context{font-size:var(--wb-p3);color:var(--color-text-muted);font-style:italic;margin-top:6px;line-height:1.4;display:none}.vai-gameboard .gb-condition-context.visible{display:block}.vai-gameboard .gb-toggle{display:flex;flex-shrink:0;border:1.5px solid var(--color-border-strong);border-radius:6px;overflow:hidden;background:var(--color-surface-well)}.vai-gameboard .gb-toggle-option{font-family:var(--font-sans);font-size:var(--wb-p3);padding:var(--sp-1) 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.vai-gameboard .gb-toggle-option:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--color-border)}.vai-gameboard .gb-toggle-option:hover{color:var(--color-text);background:var(--color-surface-hover)}.vai-gameboard .gb-toggle-option.selected{background:var(--color-text);color:var(--color-bg)}.vai-gameboard .gb-toggle-option.selected:after,.vai-gameboard .gb-toggle-option.selected+.gb-toggle-option:after{background:transparent}.vai-gameboard .gb-presets{margin-top:36px;padding-top:var(--sp-3);border-top:1px solid var(--color-border)}.vai-gameboard .gb-presets-label{font-family:var(--font-sans);font-size:var(--wb-p3);color:var(--color-text-secondary);margin-bottom:12px}.vai-gameboard .gb-presets-row{display:flex;gap:12px;flex-wrap:wrap}.vai-gameboard .gb-preset-desc{font-size:var(--wb-p3);color:var(--color-info);font-style:italic;margin-top:12px;line-height:1.4;min-height:1.4em}.vai-gameboard .gb-set-board{margin-top:36px;display:flex;justify-content:center}.vai-gameboard .gb-board-summary{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:40px;padding:var(--sp-2) 20px;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border)}.vai-gameboard .gb-pill{font-family:var(--font-sans);font-size:var(--small-text-size);padding:4px 10px;border-radius:20px;background:var(--color-surface-hover);color:var(--color-text-secondary);white-space:nowrap}.vai-gameboard .gb-pill-value{color:var(--color-text);font-family:var(--font-sans)}.vai-gameboard .gb-draw-area{text-align:center}.vai-gameboard .gb-draw-title{font-family:var(--font-display);font-weight:700;font-size:var(--h5);margin-bottom:var(--sp-1)}.vai-gameboard .gb-draw-subtitle{font-size:var(--wb-p3);color:var(--color-text-secondary);margin-bottom:var(--sp-4)}.vai-gameboard .gb-pool-tabs{display:flex;justify-content:center;gap:var(--sp-1);margin-bottom:var(--sp-4);flex-wrap:wrap}.vai-gameboard .gb-pool-tab{font-family:var(--font-sans);font-size:var(--wb-p3);padding:var(--sp-1) var(--sp-2);border:1.5px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface-well);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.vai-gameboard .gb-pool-tab:hover{border-color:var(--color-text-muted);color:var(--color-text)}.vai-gameboard .gb-pool-tab.active{border-color:var(--pool-color, var(--color-text));color:var(--pool-color, var(--color-text));background:var(--color-surface-well)}.vai-gameboard .gb-pool-tab[data-pool=A]{--pool-color: var(--gb-pool-a)}.vai-gameboard .gb-pool-tab[data-pool=B]{--pool-color: var(--gb-pool-b)}.vai-gameboard .gb-pool-tab[data-pool=C]{--pool-color: var(--gb-pool-c)}.vai-gameboard .gb-card-stage{margin:0 auto var(--sp-4);max-width:400px}.vai-gameboard .gb-card-stage.has-card .gb-card-back-wrap{display:none}.vai-gameboard .gb-card-stage.has-card .gb-card-front-wrap,.vai-gameboard .gb-card-back-wrap{display:block}.vai-gameboard .gb-card-front-wrap{display:none}.vai-gameboard .gb-card-back{display:flex;align-items:center;justify-content:center;background:var(--color-text);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--wb-p3);cursor:pointer;border:2px solid var(--color-text);min-height:220px;border-radius:var(--radius);transition:background .15s ease}.vai-gameboard .gb-card-back:hover{background:var(--color-text-secondary)}html.dark .vai-gameboard .gb-card-back{background:var(--color-surface);border-color:var(--color-border-strong)}html.dark .vai-gameboard .gb-card-back:hover{background:var(--color-surface-hover)}.vai-gameboard .gb-card-front{background:var(--color-surface);border:1px solid var(--color-border);padding:28px;text-align:left;border-radius:var(--radius);animation:gb-card-reveal .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes gb-card-reveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vai-gameboard .gb-card-pool-badge{font-family:var(--font-sans);font-size:var(--small-text-size);padding:3px var(--sp-1);border-radius:3px;display:inline-block;margin-bottom:12px}.vai-gameboard .gb-card-pool-badge[data-pool=A]{background:color-mix(in srgb,var(--gb-pool-a) 15%,transparent);color:var(--gb-pool-a)}.vai-gameboard .gb-card-pool-badge[data-pool=B]{background:color-mix(in srgb,var(--gb-pool-b) 15%,transparent);color:var(--gb-pool-b)}.vai-gameboard .gb-card-pool-badge[data-pool=C]{background:color-mix(in srgb,var(--gb-pool-c) 15%,transparent);color:var(--gb-pool-c)}.vai-gameboard .gb-card-name{font-family:var(--font-display);font-weight:700;line-height:1.15;font-size:var(--wb-p1);margin-bottom:var(--sp-1)}.vai-gameboard .gb-card-mechanism{font-size:var(--wb-p3);color:var(--color-text-secondary);margin-bottom:var(--sp-2);line-height:1.5}.vai-gameboard .gb-card-quote{font-family:var(--font-serif);font-size:var(--wb-p3);padding:12px var(--sp-2);border-left:3px solid var(--color-border);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--sp-2)}.vai-gameboard .gb-card-marker-label{font-family:var(--font-sans);font-size:var(--small-text-size);color:var(--color-text-muted);margin-bottom:4px}.vai-gameboard .gb-card-marker{font-size:var(--wb-p3);color:var(--color-text-secondary);line-height:1.5}.vai-gameboard .gb-browse-toggle{font-family:var(--font-sans);font-size:var(--wb-p3);color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:var(--sp-1);margin-bottom:var(--sp-3);text-decoration:underline;text-underline-offset:3px}.vai-gameboard .gb-browse-toggle:hover{color:var(--color-text-secondary)}.vai-gameboard .gb-browse-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:var(--sp-4)}.vai-gameboard .gb-browse-grid.visible{display:grid}.vai-gameboard .gb-browse-card{padding:var(--sp-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-border-strong);border-radius:6px;text-align:left;cursor:pointer;transition:all .15s ease}.vai-gameboard .gb-browse-card:hover{border-left-color:var(--pool-color, var(--color-text));box-shadow:0 2px 8px var(--shadow-color)}.vai-gameboard .gb-browse-card[data-pool=A]{--pool-color: var(--gb-pool-a)}.vai-gameboard .gb-browse-card[data-pool=B]{--pool-color: var(--gb-pool-b)}.vai-gameboard .gb-browse-card[data-pool=C]{--pool-color: var(--gb-pool-c)}.vai-gameboard .gb-browse-card-name{font-family:var(--font-sans);font-size:var(--wb-p3);margin-bottom:4px}.vai-gameboard .gb-browse-card-mechanism{font-size:var(--wb-p3);color:var(--color-text-muted);line-height:1.4}.vai-gameboard .gb-draw-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.vai-gameboard .gb-reading-board{margin-bottom:var(--sp-4)}.vai-gameboard .gb-reading-board-label{font-family:var(--font-sans);font-size:var(--small-text-size);color:var(--color-text-secondary);margin-bottom:10px}.vai-gameboard .gb-reading-board-conditions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.vai-gameboard .gb-reading-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:var(--small-text-size);padding:5px 10px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border-strong);cursor:pointer;transition:all .15s ease;position:relative}.vai-gameboard .gb-reading-pill:hover{border-color:var(--color-text-muted)}.vai-gameboard .gb-reading-pill-label{color:var(--color-text-muted)}.vai-gameboard .gb-reading-pill-value{color:var(--color-text);font-family:var(--font-sans)}.vai-gameboard .gb-reading-pill-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 16px var(--shadow-color);overflow:hidden;min-width:140px}.vai-gameboard .gb-reading-pill-dropdown.open{display:block}.vai-gameboard .gb-reading-pill-option{display:block;width:100%;text-align:left;font-family:var(--font-sans);font-size:var(--small-text-size);padding:var(--sp-1) 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer}.vai-gameboard .gb-reading-pill-option:hover{background:var(--color-surface-hover);color:var(--color-text)}.vai-gameboard .gb-reading-pill-option.current{color:var(--color-text);font-family:var(--font-sans)}.vai-gameboard .gb-reading-layout{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:start}.vai-gameboard .gb-reading-card-col{position:sticky;top:calc(var(--topbar-height, 4rem) + var(--sp-3))}.vai-gameboard .gb-reading-archetype{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.vai-gameboard .gb-reading-archetype-header{padding:var(--sp-3) var(--sp-3) 0}.vai-gameboard .gb-reading-archetype-body{padding:0 var(--sp-3) var(--sp-3)}.vai-gameboard .gb-reading-archetype-section{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--color-border)}.vai-gameboard .gb-reading-archetype-section-label{font-family:var(--font-sans);font-size:var(--small-text-size);color:var(--color-text-secondary);margin-bottom:6px}.vai-gameboard .gb-reading-archetype-section-text{font-size:var(--wb-p3);color:var(--color-text-secondary);line-height:1.5}.vai-gameboard .gb-terrain{min-width:0}.vai-gameboard .gb-terrain-header{font-family:var(--font-sans);font-size:var(--wb-p1);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:2px solid var(--color-text)}.vai-gameboard .gb-terrain-section{margin-bottom:28px}.vai-gameboard .gb-terrain-section-label{font-family:var(--font-sans);font-size:var(--wb-p3);color:var(--color-text-secondary);margin-bottom:10px}.vai-gameboard .gb-terrain-interpretation{font-size:var(--wb-p3);line-height:1.7;color:var(--color-text)}.vai-gameboard .gb-terrain-interpretation p{margin-bottom:12px}.vai-gameboard .gb-terrain-interpretation p:last-child{margin-bottom:0}.vai-gameboard .gb-terrain-questions{list-style:none;display:flex;flex-direction:column;gap:12px}.vai-gameboard .gb-terrain-question{font-size:var(--wb-p3);line-height:1.6;padding:14px 18px;background:var(--color-surface);border-radius:6px;border-left:3px solid var(--orange-400);color:var(--color-text)}.vai-gameboard .gb-terrain-suggestions{list-style:none;display:flex;flex-direction:column;gap:10px}.vai-gameboard .gb-terrain-suggestion{font-size:var(--wb-p3);line-height:1.6;padding-left:var(--sp-2);position:relative;color:var(--color-text-secondary)}.vai-gameboard .gb-terrain-suggestion:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--gb-pool-a)}.vai-gameboard .gb-terrain-what-changes{font-size:var(--wb-p3);line-height:1.6;padding:var(--sp-2) 20px;background:var(--color-highlight);border-radius:6px;color:var(--color-text)}.vai-gameboard .gb-terrain-placeholder{font-size:var(--wb-p3);color:var(--color-text-muted);font-style:italic;padding:var(--sp-4) var(--sp-3);background:var(--color-surface);border-radius:var(--radius);border:1px dashed var(--color-border);text-align:center;line-height:1.6}.vai-gameboard .gb-reading-actions{display:flex;gap:12px;margin-top:40px;padding-top:var(--sp-3);border-top:1px solid var(--color-border);flex-wrap:wrap}@media(max-width:900px){.vai-gameboard .gb-reading-layout{grid-template-columns:1fr}.vai-gameboard .gb-reading-card-col{position:static}}@media(max-width:650px){.vai-gameboard .gb-condition-row{flex-direction:column;gap:12px}.vai-gameboard .gb-toggle{align-self:flex-start}.vai-gameboard .gb-phase--configure,.vai-gameboard .gb-phase--draw,.vai-gameboard .gb-phase--reading{padding-left:var(--sp-2);padding-right:var(--sp-2)}.vai-gameboard .gb-pool-tabs{gap:6px}.vai-gameboard .gb-browse-grid{grid-template-columns:1fr}}@keyframes gb-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}