.arena-intro{margin-bottom:28px}.arena-join{margin-top:28px}.arena-players{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.arena-players .pill{white-space:normal}.chess-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:28px;align-items:start}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:640px;border:7px solid #422d22;border-radius:8px;overflow:hidden;aspect-ratio:1}.square{position:relative;border:0;padding:0;aspect-ratio:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;opacity:1!important}.square.light{background:#f5e6cf}.square.dark{background:#b18c69}.square.selected{background:#e7b64a;box-shadow:inset 0 0 0 3px #442814}.square.legal{box-shadow:inset 0 0 0 4px #698354}.square:focus-visible{outline:4px solid #ae4c1b;outline-offset:-4px;z-index:1}.piece{font-family:'Segoe UI Symbol','DejaVu Sans',serif;font-size:clamp(22px,5.4vw,52px);line-height:1;pointer-events:none}.white-piece{color:#fff8e8;text-shadow:1px 0 #23170f,-1px 0 #23170f,0 1px #23170f,0 -1px #23170f}.black-piece{color:#23170f}.coordinate{position:absolute;left:3px;bottom:1px;font:9px Arial;color:#352417}.chess-clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.chess-clocks div{background:#f2e8d7;padding:12px;border-radius:8px}.chess-clocks strong{display:block;font-size:30px;font-variant-numeric:tabular-nums}.field input{font:inherit;color:inherit;padding:12px;background:#fffdf8;border:1px solid #cbbda9;border-radius:8px;width:100%;box-sizing:border-box;min-width:0}#arena-app .field{margin-bottom:16px}#arena-app .game-hud{flex-wrap:wrap;gap:12px}#arena-app details{margin-top:24px}#arena-app .panel{min-width:0}#arena-app .history-row{gap:15px}#arena-app .option-note{overflow-wrap:anywhere}.offline-status{padding:8px 16px;background:#e9cf9f;text-align:center;font-size:14px}.install-tools{margin-top:24px;padding:24px;background:#f2e8d7;border-radius:12px}.skill-list{display:grid;gap:10px}.skill-item{padding:16px;border:1px solid #ddcfba;border-radius:8px}.skill-item p{margin:6px 0}.search-field{max-width:600px;margin:24px 0}.arena-link{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#2b1d16;color:#fff5e6;border-radius:14px;padding:28px}.arena-link h3{color:inherit;margin:6px 0}.arena-link p{margin:6px 0}.arena-link .button{white-space:nowrap}#connection-status{min-height:20px}@media(max-width:760px){.chess-layout{grid-template-columns:1fr}.chess-board{max-width:540px;margin:auto}.piece{font-size:clamp(24px,8vw,48px)}.chess-layout aside{padding:20px}.arena-link{display:block}.arena-link .button{margin-top:14px}.chess-clocks{margin:10px 0}.arena-players .pill{font-size:12px}.arena-join .fields{display:grid;grid-template-columns:1fr}#arena-app .game-grid{grid-template-columns:1fr}.game-hud span{min-width:0;overflow-wrap:anywhere}}
.panel>p{margin:16px 0}.panel>h2{margin-bottom:20px}.panel>form{margin-top:20px}.panel>ol{line-height:1.8}.chess-layout .field{margin-top:18px}.chess-layout aside .text-link{margin-top:16px}
@media print{header,footer,.no-print,#toast,.install-tools{display:none!important}body{background:white;color:#111;font-size:11pt}main{max-width:none;padding:0}.page-heading{padding:0 0 20px}.page-heading h1{font-size:32pt}.game-grid{display:block}.game-grid>.panel{break-inside:avoid;padding:16px;margin:12px 0;border:1px solid #aaa}textarea{height:100px;border:1px solid #aaa}.lesson{break-inside:avoid}.lesson-list a{display:none}.section{padding:15px 0}a{color:#111}}
