.crosstree-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-4);max-width:500px;margin:0 auto;width:100%}.crosstree-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-4)}.crosstree-title-wrap h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;letter-spacing:-.02em}.crosstree-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;margin-top:var(--space-1)}.crosstree-hud{display:flex;gap:var(--space-2);flex-shrink:0}.crosstree-board-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:var(--space-2) 0}.crosstree-board{display:flex;flex-direction:column;width:100%;max-width:380px;aspect-ratio:1 / 1;background:var(--color-surface-sunken);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 32px #0006;border:3px solid var(--color-border-default)}.crosstree-row{display:flex;flex:1}.crosstree-cell{flex:1;aspect-ratio:1 / 1;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) ease;outline:none;border:none;box-sizing:border-box;box-shadow:inset 0 var(--border-t-width, 1px) 0 0 var(--border-t-color, var(--color-border-subtle)),inset 0 calc(-1 * var(--border-b-width, 0px)) 0 0 var(--border-b-color, transparent),inset var(--border-l-width, 1px) 0 0 0 var(--border-l-color, var(--color-border-subtle)),inset calc(-1 * var(--border-r-width, 0px)) 0 0 0 var(--border-r-color, transparent)}.crosstree-cell:focus-visible{outline:3px solid var(--game-accent);outline-offset:-3px}.crosstree-cell[data-territory="0"]{background:#ef444426}.crosstree-cell[data-territory="1"]{background:#10b98126}.crosstree-cell[data-territory="2"]{background:#3b82f626}.crosstree-cell[data-territory="3"]{background:#f59e0b26}.crosstree-cell[data-territory="4"]{background:#8b5cf626}.crosstree-cell[data-territory="5"]{background:#06b6d426}.crosstree-cell[data-territory="0"]:hover{background:#ef444440}.crosstree-cell[data-territory="1"]:hover{background:#10b98140}.crosstree-cell[data-territory="2"]:hover{background:#3b82f640}.crosstree-cell[data-territory="3"]:hover{background:#f59e0b40}.crosstree-cell[data-territory="4"]:hover{background:#8b5cf640}.crosstree-cell[data-territory="5"]:hover{background:#06b6d440}.border-t-thick{--border-t-width: 3.5px;--border-t-color: var(--color-text-primary)}.border-b-thick{--border-b-width: 3.5px;--border-b-color: var(--color-text-primary)}.border-l-thick{--border-l-width: 3.5px;--border-l-color: var(--color-text-primary)}.border-r-thick{--border-r-width: 3.5px;--border-r-color: var(--color-text-primary)}.tree-piece{width:65%;height:65%;color:#10b981;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4));animation:pop var(--duration-fast) var(--ease-spring)}.crosstree-cell[data-error] .tree-piece{color:#ef4444;filter:drop-shadow(0 2px 8px rgba(239,68,68,.6))}.crosstree-cell[data-error]{animation:shake .2s ease-in-out}.marked-dot{width:25%;height:25%;border-radius:50%;background:var(--color-text-secondary);opacity:.6;animation:pop var(--duration-fast) ease-out}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.crosstree-status{font-size:var(--text-sm);color:#f87171;font-weight:700;text-align:center;height:20px;line-height:20px;margin-bottom:var(--space-2)}.crosstree-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;width:100%}@media (max-width: 480px){.crosstree-main{padding:calc(var(--space-16) + var(--space-2)) var(--space-2) var(--space-4)}.crosstree-title-wrap h1{font-size:var(--text-xl)}.crosstree-actions{gap:var(--space-2)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}