:root{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#edf0e5;background:#101713;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:clip}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid #eee0a7;outline-offset:2px}h1,h2,h3,p{margin:0}small{color:#b2bfae}.app{--edge-top: max(8px, env(safe-area-inset-top));--edge-bottom: max(8px, env(safe-area-inset-bottom));width:100%;height:100dvh;overflow:clip;background-size:cover;background-position:center;background-repeat:no-repeat;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.workspace{display:grid;grid-template-columns:clamp(140px,16vw,260px) minmax(0,1fr) clamp(132px,15vw,230px);gap:10px;width:100%;height:100%;min-height:0}.details,.status-panel{min-width:0;min-height:0;padding:16px;border:1px solid #d6dec733;border-radius:8px;background:#101c15ed;box-shadow:0 5px 25px #0002}.details{display:flex;flex-direction:column;gap:14px}.section-title{display:flex;justify-content:space-between;gap:5px;font-size:12px}.detail-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.description{margin-top:18px}.tag{font-size:9px;color:#e1d4a4;border:1px solid #bca87866;padding:4px 6px;border-radius:3px}.description h2{font-size:16px;margin:16px 0 8px}.description p{font-size:12px;line-height:1.9;color:#c5cfbe}.arena{--grid-gap: 6px;--board-padding: 4px;--hand-width: clamp(110px, 14vmin, 160px);--hand-height: calc(var(--hand-width) * 1.4);container-type:size;min-width:0;min-height:0;position:relative;display:grid;place-items:center;overflow:visible}.board{--slot: min(calc((100cqw - 2 * var(--board-padding) - 2px - 4 * var(--grid-gap)) / 5), calc((100cqh - 2 * var(--board-padding) - 2px - 4 * var(--grid-gap)) / 4));display:flex;flex-direction:column;gap:var(--grid-gap);padding:var(--board-padding);border:1px solid #e2e9c477;border-radius:7px;background:#10211728}.board-row{display:grid;grid-template-columns:repeat(5,var(--slot));gap:var(--grid-gap)}.board-row.row-1{margin-bottom:var(--grid-gap)}.slot{width:var(--slot);aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #d4e2bc77;border-radius:4px;background:#0c1e173d}.row-0 .slot,.row-3 .slot{border-style:dashed}.row-2 .slot{border-color:#f2e7a7aa;background:#b6bd5622}.opponent-hand{position:absolute;top:calc(-1 * var(--edge-top));left:0;width:100%;height:var(--hand-height);overflow:visible;display:flex;justify-content:center;align-items:flex-start;gap:10px;z-index:2;pointer-events:none}.mini-back{width:var(--hand-width);height:var(--hand-height);transform:translateY(-50%);border:1px solid #d7c99a;border-radius:7px;overflow:hidden;background:#314835;display:grid;place-items:center;flex-shrink:0}.hand-area{position:absolute;bottom:calc(-1 * var(--edge-bottom));left:0;width:100%;height:var(--hand-height);z-index:3;pointer-events:none}.hand-cards{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;gap:8px;padding:0 4px;overflow:visible}.expanded .hand-card{transform:translateY(-4px)}.hand-card{pointer-events:auto;flex-shrink:0;width:var(--hand-width);height:var(--hand-height);padding:0;border:0;background:none;text-align:left;transform:translateY(50%);transition:transform .2s ease}.hand-card .card-face{height:100%}.hand-card[aria-pressed=true] .card-face{border-color:#fff0b3;box-shadow:0 0 0 2px #ddc771,0 0 18px #d2bf7644}.load-state{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:4;pointer-events:auto;font-size:11px;text-align:center;padding:8px;background:#122017ed;border-radius:4px}.load-state button{display:block;margin:5px auto 0;background:#30462b;border:1px solid #afba87;padding:5px 12px}.card-face{position:relative;aspect-ratio:5/7;overflow:hidden;border:1px solid #d3bc81;border-radius:7px;padding:6px;background:#253b2d;display:flex;flex-direction:column}.details .card-face{width:100%;max-width:205px;margin:auto}.card-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#65765a55,#15291e)}.card-art img,.mini-back img{display:block;width:100%;height:100%;object-fit:contain}.sigil{font:64px Georgia,serif;color:#cabb81}.card-art small{font-size:9px}.card-top,.card-stats{position:relative;z-index:1;background:#14241ddd;border-radius:3px}.card-top{display:flex;align-items:center;gap:6px;padding:3px}.cost{width:25px;height:30px;display:grid;place-items:center;flex-shrink:0;background:#e0d2a9;color:#1a3023;border-radius:3px;font:23px Georgia,serif}.card-top strong{display:block;font-size:11px}.card-top small{display:block;margin-top:3px;font-size:8px}.card-stats{display:flex;justify-content:space-between;margin-top:auto;padding:3px;color:#f0e2b8;font:21px Georgia,serif}.card-stats span:last-child{color:#d1e1c4}.hand-card .card-top{gap:4px;padding:2px}.hand-card .card-top strong{font-size:9px}.hand-card .card-top small{font-size:7px}.hand-card .cost{width:19px;height:24px;font-size:18px}.hand-card .card-stats{font-size:17px}.status-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto;gap:12px;overflow:hidden}.player-info{min-height:0;overflow-y:auto;align-content:center;scrollbar-width:thin}.player-nickname{font-size:13px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-divider{height:1px;background:#ffffff20}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.health{font:38px Georgia,serif;display:flex;align-items:center;gap:7px;margin:12px 0;color:#edf2ce}.health>span{color:#c7dfb2;font-size:25px}.resource{display:flex;justify-content:space-between;font-size:11px;margin:8px 0;color:#b2c5a9}.resource strong{color:#e2e5c6;font-weight:400}.decks{display:flex;gap:6px;margin-top:10px}.decks>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;background:#101c1288;border:1px solid #bccca244;padding:8px 2px;font-size:10px;white-space:nowrap}.turn-button{flex-shrink:0;min-height:44px;padding:6px;background:#80965322;border:1px solid #a2b57155;border-radius:4px;color:#b4c397;font-size:10px}.fullscreen-control{flex-shrink:0}.fullscreen-button{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;padding:6px;border:1px solid #d6c79677;border-radius:4px;background:#263a29;font-size:12px}.fullscreen-button>span{font-size:22px}.fullscreen-message{font-size:11px;line-height:1.6;padding-top:6px;color:#f1ddb2}.rotation-guard{display:none}.menu-screen{position:relative}.main-menu{width:100%;height:100%;display:flex;align-items:center;padding-left:clamp(24px,8vw,160px)}.menu-buttons{display:flex;flex-direction:column;gap:clamp(10px,2vh,18px);width:clamp(190px,24vw,300px)}.menu-button{min-height:48px;height:clamp(48px,8.5vh,76px);padding:10px 24px;text-align:left;font-size:clamp(18px,2.2vw,26px);letter-spacing:2px;border:1px solid #bec6ad66;border-radius:4px;background:#101c15cf;transition:background .16s ease,border-color .16s ease}.menu-start{color:#f4e8ba;border-color:#e5cd88;background:#283b28eb;box-shadow:inset 4px 0 #e5cd88}.menu-start:hover{background:#3b5034;border-color:#fff0b5}.menu-button:disabled{color:#b2b9a8;background:#101c15b8;border-color:#aeb79a44}.menu-fullscreen{position:absolute;top:var(--edge-top);right:max(8px,env(safe-area-inset-right));width:150px}@media(max-height:550px){.workspace{gap:6px;grid-template-columns:clamp(116px,16vw,165px) minmax(0,1fr) clamp(122px,15vw,160px)}.details,.status-panel{padding:9px;border-radius:5px}.details{gap:9px}.section-title{font-size:10px}.details .card-face{max-width:115px}.card-face{padding:4px}.card-top{gap:3px;padding:2px}.card-top strong{font-size:8px}.card-top small{font-size:7px}.cost{width:18px;height:22px;font-size:17px}.card-stats{font-size:16px}.description{margin-top:12px}.description h2{font-size:12px;margin:12px 0 6px}.description p{font-size:10px}.arena{--grid-gap: 4px;--board-padding: 2px}.hand-card .cost{width:15px;height:19px;font-size:15px}.hand-card .card-top strong{font-size:7px}.hand-card .card-top small{font-size:6px}.hand-card .card-stats{font-size:14px}.status-panel{gap:5px}.health{font-size:26px;margin:4px 0;gap:5px}.health>span{font-size:18px}.resource{font-size:9px;margin:4px 0}.decks{margin-top:5px;gap:4px}.decks>div{padding:4px;font-size:8px;gap:2px}.health,.resource{margin:2px 0}.turn-button{font-size:8px}.fullscreen-button{font-size:10px}}@media(orientation:portrait){.main-menu,.menu-fullscreen,.workspace{display:none}.rotation-guard{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;text-align:center;background:#101c15f2;border-radius:8px}.rotate-icon{font-size:48px;color:#e8d99f}.rotation-guard h1{font-size:24px}.rotation-guard p{font-size:13px;line-height:1.8}.rotation-guard .fullscreen-control{width:min(100%,280px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}