.owned-section{border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:30px;scroll-margin-top:90px}.owned-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.owned-heading h2{font-size:22px;margin:0 0 8px}.owned-heading p{font-size:12px;margin:0}.owned-heading>.button{font-size:12px;padding:11px 16px}.owned-list{display:grid;gap:12px;margin-top:20px}.owned-room{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:14px;background:var(--soft)}.owned-room h3{font-size:14px;margin:0 0 5px}.owned-room p{font-size:11px;color:var(--muted);margin:0}.owned-buttons{display:flex;flex-wrap:wrap;gap:8px}.owned-buttons .button{font-size:12px;padding:10px 15px}.button.danger{color:#b34250;background:var(--bg);border:1px solid #b3425030}.room-item button.text-link{border:0;background:transparent;padding:10px 0;min-height:44px;cursor:pointer}.room-item button:disabled{cursor:default}.art-xiangqi{background:#f3eadb;gap:12px}.art-xiangqi i{display:grid;place-items:center;width:65px;height:65px;border:2px solid #b59770;border-radius:50%;color:#b34250;background:#fbf4e8;box-shadow:inset 0 0 0 4px #f3e7d5;font:600 34px serif}.art-xiangqi i+ i{color:#36404b;transform:translateY(12px)}.art-tetris{display:grid;grid-template-columns:repeat(4,28px);grid-template-rows:repeat(3,28px);gap:3px;align-content:center;background:#edf0f7}.art-tetris i{height:28px;background:#9a7fae;border-radius:4px}.art-tetris i:first-child{grid-column:2}.art-tetris i:nth-child(2){grid-column:1;grid-row:2}.art-tetris i:nth-child(3){grid-column:2;grid-row:2}.art-tetris i:nth-child(4){grid-column:3;grid-row:2}.art-tetris i:nth-child(5){grid-column:4;grid-row:2;background:#62a5b8}.art-tetris i:nth-child(6){grid-column:4;grid-row:3;background:#62a5b8}.xiangqi-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(180px,1fr);gap:32px;align-items:center;max-width:800px;margin:20px auto 30px}#xiangqi-board{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:9/10;background:#eddfc6;border:12px solid #eddfc6;border-radius:14px}.xiangqi-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.xiangqi-cell{z-index:1;position:relative;aspect-ratio:1;border:0;padding:0;background:transparent;color:#273743;font:600 clamp(18px,3vw,30px) serif;cursor:pointer;touch-action:manipulation}.xiangqi-cell:disabled{opacity:1;cursor:default}.xiangqi-cell.red-piece,.xiangqi-cell.black-piece{border-radius:50%;background:#fff6e5;border:2px solid #bca27c;box-shadow:inset 0 0 0 2px #f0dfc2,0 2px 3px #4931131a;transform:scale(.86)}.xiangqi-cell.red-piece{color:#b13c42}.xiangqi-cell.chosen{outline:3px solid var(--blue);outline-offset:1px}.xiangqi-cell.legal::after{content:'';position:absolute;inset:36%;border-radius:50%;background:#39789788;pointer-events:none}.xiangqi-cell.legal.red-piece::after,.xiangqi-cell.legal.black-piece::after{inset:-3px;border:3px solid #39789788;background:transparent}.xiangqi-cell.preview{outline:3px dashed var(--blue);outline-offset:-3px;border-radius:50%}.xiangqi-cell.recent:not(.chosen){box-shadow:inset 0 0 0 2px #ba9165}.xiangqi-cell:focus-visible{outline:3px solid var(--blue);outline-offset:0}.xiangqi-controls{display:flex;gap:10px;flex-wrap:wrap}.xiangqi-controls p{width:100%;font-size:13px;line-height:1.8;margin:0 0 12px}.xiangqi-controls .button{font-size:13px;padding:12px 18px}.game-table[data-game=xiangqi] .rotate-hint{display:none}
@media(max-width:700px){.owned-section{padding:18px}.owned-heading{align-items:start}.owned-heading h2{font-size:19px}.owned-heading p{max-width:220px;line-height:1.7}.owned-room{padding:14px;flex-wrap:wrap}.owned-buttons{width:100%}.owned-buttons .button{flex:1}.xiangqi-layout{grid-template-columns:1fr;gap:18px;margin-top:12px}#xiangqi-board{width:min(100%,480px);margin:auto;border-width:8px}.xiangqi-controls{justify-content:center}.xiangqi-controls p{text-align:center}.xiangqi-cell{font-size:clamp(19px,5.4vw,27px)}.art-xiangqi{gap:7px}.art-xiangqi i{width:48px;height:48px;font-size:27px}.game-table[data-game=xiangqi] .seats{grid-template-columns:1fr 1fr}}
@media(orientation:landscape) and (max-height:550px){.xiangqi-layout{grid-template-columns:minmax(0,350px) minmax(170px,1fr);max-width:620px}.xiangqi-cell{font-size:22px}}