.site-main{flex:1;padding:1.5rem 1rem 2rem;width:100%;max-width:1100px;margin:0 auto}.arena{display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media (min-width: 1024px){.arena{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}}#board-area{display:flex;flex-direction:column;gap:1rem}#board-row{display:flex;justify-content:center}#board-wrap{width:min(480px,calc(100vw - 2rem));height:min(480px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 18px #141e371f;position:relative}#bot-thinking{margin:.45rem auto 0;width:-moz-max-content;width:max-content;background:var(--color-accent);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;padding:.25rem .8rem;border-radius:999px}#bot-thinking:before{content:"⏳ "}.info-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 4px #141e3714;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.card-label{font-family:var(--font-heading);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.2rem}.rating-row{display:flex;gap:.5rem}.rating-box{flex:1;text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.5rem}.rating-box .r-label{font-family:var(--font-heading);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.rating-box .r-value{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--color-accent);line-height:1.1}.rating-box .r-sub{font-size:.68rem;color:var(--color-text-muted)}.star-region{display:flex;flex-direction:column;gap:.3rem}.star-select{display:flex;gap:.4rem}.star-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;cursor:pointer;font:inherit;padding:.35rem .2rem;background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;line-height:1;transition:border-color .12s,background .12s}.star-btn small{color:var(--color-text-muted);font-size:.6rem;font-weight:600}.star-btn:hover{border-color:var(--color-accent)}.star-btn.is-active{border-color:var(--color-accent);background:var(--color-bg-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.star-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}.star-btn:disabled:hover{border-color:var(--color-border)}.lvl-stars{color:var(--color-accent);letter-spacing:.05em}.pocket-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3rem;padding:.35rem .5rem;box-sizing:border-box;border:1px dashed var(--color-border);border-radius:8px;background:var(--color-bg)}.pocket-strip--opp{min-height:2.6rem}#pocket-opp-slot{margin-bottom:.6rem}.pocket-piece{position:relative;width:2.6rem;height:2.6rem;cursor:pointer;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-soft);display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .12s,transform .06s}.pocket-strip piece{position:static;display:block;width:2.1rem;height:2.1rem;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.pocket-strip--opp .pocket-piece{width:2.2rem;height:2.2rem;cursor:default}.pocket-strip--opp piece{width:1.8rem;height:1.8rem}.pocket-piece:hover:not(:disabled){border-color:var(--color-accent)}.pocket-piece.selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent)}.pocket-piece:disabled{opacity:.55;cursor:not-allowed}.pocket-piece .pp-count{position:absolute;right:-4px;bottom:-4px;z-index:3;background:var(--color-accent);color:#fff;font-size:.6rem;font-weight:700;border-radius:999px;padding:0 .3rem;line-height:1.3}.pocket-empty{font-size:.74rem;color:var(--color-text-muted)}.game-status{font-family:var(--font-heading);font-size:.98rem;font-weight:700;line-height:1.3;color:var(--color-text);min-height:1.4rem}.game-status.is-check,.game-status.is-over{color:var(--color-accent)}.result-banner{font-family:var(--font-heading);font-weight:800;font-size:.92rem;text-align:center;padding:.5rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg)}.result-banner.is-win{color:#1f8a4c;border-color:#bfe6cd;background:#eef9f1}.result-banner.is-loss{color:#b23a48;border-color:#f0cdd2;background:#fdeef0}.result-banner.is-draw{color:var(--color-text-muted)}.btn-row-2{display:flex;gap:.5rem}.btn-row-2 .btn{flex:1;text-align:center}.moves-region{border-top:1px solid var(--color-border);padding-top:.75rem}#move-list{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;max-height:9rem;overflow-y:auto}.move-num{font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin-left:.2rem}.move-num:first-of-type{margin-left:0}.move-san{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;font-weight:600;line-height:1;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:.22rem .42rem;border-radius:6px}.campaign-tabs{display:flex;gap:.4rem;margin:.4rem 0 .5rem}.camp-tab{flex:1;cursor:pointer;font:inherit;padding:.3rem .4rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;font-weight:700}.camp-tab small{color:var(--color-text-muted);font-weight:600}.camp-tab.is-active{border-color:var(--color-accent);background:var(--color-bg-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.level-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.levels-link{font-size:.72rem;font-weight:700;color:var(--color-accent);text-decoration:none;white-space:nowrap}.levels-link:hover{text-decoration:underline}#level-list{display:grid;gap:.45rem}.level-card{display:grid;grid-template-columns:1fr auto;gap:.1rem .5rem;text-align:left;cursor:pointer;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .65rem;font:inherit;transition:border-color .12s,background .12s,transform .06s}.level-card:hover:not(:disabled){border-color:var(--color-accent)}.level-card:active:not(:disabled){transform:translateY(1px)}.level-card.is-active{border-color:var(--color-accent);background:var(--color-bg-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.level-name{font-weight:700}.vbadge{display:inline-block;margin-left:.35rem;font-family:var(--font-heading);font-size:.56rem;font-weight:800;letter-spacing:.04em;background:var(--color-accent);color:#fff;border-radius:4px;padding:.04rem .28rem;vertical-align:middle}.level-odds{justify-self:end;font-family:var(--font-heading);font-weight:800;color:var(--color-accent);font-size:.85rem}.level-desc{grid-column:1 / -1;font-size:.74rem;color:var(--color-text-muted)}.level-elo{grid-column:1 / -1;font-size:.72rem;color:var(--color-text-muted)}.promo-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#141e3766}.promo-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 6px 24px #141e3729;padding:1rem 1.25rem;text-align:center}.promo-title{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.6rem}.promo-row{display:flex;gap:.5rem}.promo-piece{width:3.25rem;height:3.25rem;cursor:pointer;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);font-size:2rem;line-height:1;color:var(--color-text);display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.promo-piece:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-soft)}.exit-link{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.exit-link:hover{color:var(--color-accent)}.hidden{display:none!important}