@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#0b1513;--panel:rgba(15,28,25,.9);--text:#eae8d9;--muted:#97a69c;--gold:#cfad6d;--line:rgba(197,174,120,.19);--green:#92c9a6;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--sans);min-height:100vh}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,20,17,.65),rgba(9,20,17,.87)),url('assets/clareira.png') center/cover;pointer-events:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e2c780;outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-60px;left:16px;padding:12px;background:#e2c780;color:#12241d;z-index:100}.skip-link:focus{top:8px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:var(--gold);font-weight:600;text-transform:uppercase}
.game-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(9,18,16,.9)}.game-brand{display:flex;gap:12px;align-items:center;flex:none}.game-brand svg{width:38px;height:43px;fill:none;stroke:var(--gold);stroke-width:1.25}.game-brand>span{font:600 19px var(--serif);letter-spacing:1px}.game-brand small{font-size:11px}.game-brand em{display:block;color:var(--muted);font:8px var(--sans);letter-spacing:3px;text-align:center;margin-top:5px}.game-nav{display:flex;align-self:stretch;gap:26px}.game-nav button{font-size:12px;background:none;color:#9caa9e;border-bottom:2px solid transparent;padding:0 2px}.game-nav button>span{margin-right:7px;font-size:18px}.game-nav button.active{color:var(--gold);border-bottom-color:var(--gold)}.header-links{display:flex;gap:23px;align-items:center;font-size:10px;color:#b9c1b7}.prototype-tag{font-size:8px;letter-spacing:1.1px;color:#8e9c91}.prototype-tag b{font-weight:500;margin-left:5px;padding:3px 5px;border:1px solid var(--line);border-radius:3px}.back-site{color:var(--muted)}
.arena-view{max-width:1680px;margin:auto;padding:24px 34px 0}.arena-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.arena-heading h1{font:500 31px var(--serif);margin-top:5px}.match-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.live-dot{height:5px;width:5px;border-radius:50%;background:#84b799;box-shadow:0 0 10px #84b79966}.text-button{background:transparent;color:var(--gold);font-size:11px;padding:6px}.match-meta .text-button{margin-left:22px}.arena-layout{display:grid;grid-template-columns:minmax(185px,225px) minmax(410px,1fr) minmax(180px,220px);gap:26px;align-items:start}.panel-heading{font-size:9px;letter-spacing:1.6px;color:#a9b4a7;display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading>span+span{font-size:14px;color:var(--gold)}.left-panel,.right-panel{padding-top:16px}.card-inspector{padding-top:20px}.inspector-copy{padding:15px 2px 0}.inspector-type{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--gold)}.inspector-copy h2{font:600 26px var(--serif);margin:8px 0}.inspector-copy .ability{font-size:11px;line-height:1.75;color:#d9ded0}.inspector-lore{font:italic 15px/1.45 var(--serif);color:#97a597;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.source-link{font-size:10px;color:var(--gold);display:inline-block;margin-top:10px}.field-guide{margin-top:22px;padding:17px 15px;border:1px solid var(--line);background:#182a2166;border-radius:4px}.field-guide p{font-size:11px;line-height:1.7;color:#becaba;margin:8px 0 13px}.field-guide button{background:none;padding:0;width:100%;text-align:left;color:var(--gold);font-size:10px}.field-guide button span{float:right}
.battle-column{min-width:0;display:flex;flex-direction:column;align-items:center}.player-bar{display:flex;align-items:center;gap:15px;width:100%;max-width:610px;min-height:52px}.player-identity{display:flex;align-items:center;gap:10px;min-width:0;background:none;text-align:left;padding:0}.player-identity>span:nth-child(2){display:flex;flex-direction:column;gap:5px;white-space:nowrap}.player-identity small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.player-identity strong{font-size:12px;font-weight:500}.avatar{display:grid;place-items:center;width:40px;height:42px;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);background:#26392d;color:#c5af7a;font-size:26px}.enemy-avatar{background:#49352c;color:#dca88b}.own-avatar{color:#d5c08b;border:1px solid #72765b}.player-identity .vitality{font-size:22px;font-family:var(--serif);color:#d7ddd0;display:flex;align-items:center;gap:5px;margin-left:8px}.vitality small{color:#be7363;letter-spacing:0;font-size:14px}.resource-badge{border-left:1px solid var(--line);padding-left:16px}.resource-badge span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.resource-badge strong{display:block;font-size:12px;font-weight:500;color:var(--gold);margin-top:6px}.hidden-hand{display:flex;margin-left:auto;padding-right:5px}.mini-back{height:29px;width:20px;background:linear-gradient(135deg,#243a30,#101d18);border:1px solid #738066;border-radius:2px;margin-left:-6px;display:grid;place-items:center;color:#b2a478;font-size:12px}.opponent-target.targetable{outline:1px solid #e89c76;outline-offset:7px;border-radius:2px;background:#ab613722;box-shadow:0 0 24px #b66b3222}.opponent-bar{padding:0 10px}
.board-wrap{width:min(100%,610px);aspect-ratio:1;position:relative;margin:3px auto;isolation:isolate;container-type:inline-size}.board-shadow{position:absolute;inset:3%;filter:blur(20px);background:#000a;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);z-index:-1}.octagon-board{position:absolute;inset:0;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);background:radial-gradient(ellipse at 50% 48%,#364d3ad9,#172d24ed 65%,#253b2a),url('assets/clareira.png') center/cover;box-shadow:inset 0 0 65px #020b06}.board-engraving{width:100%;height:100%;stroke:#b4a16c;stroke-width:1;fill:none;opacity:.65}.board-engraving .inner-ring{stroke:#697455;stroke-dasharray:3 5}.board-engraving .rays{stroke:#758362;opacity:.26}.center-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:.65;color:#bcac78}.center-seal svg{width:42px;height:48px;fill:none;stroke:currentColor;stroke-width:1}.center-seal span{font-size:6px;letter-spacing:2px;margin-top:7px}.turn-ribbon{position:absolute;top:56.4%;left:50%;transform:translateX(-50%);font-size:7px;font-weight:600;letter-spacing:1.5px;color:#b9c5a1;white-space:nowrap}.field{position:absolute;inset:0;pointer-events:none}.field-slot{position:absolute;width:14.3%;height:19.8%;transform:translate(-50%,-50%) rotate(var(--rotation,0deg));background:linear-gradient(135deg,#0d201855,#17291d99);border:1px solid #8e9c693f;border-radius:5px;box-shadow:inset 0 0 12px #00100766;pointer-events:auto;padding:0;display:flex;align-items:center;justify-content:center}.field-slot:nth-child(1){left:50%;top:25%}.field-slot:nth-child(2){left:29%;top:24%;--rotation:-17deg}.field-slot:nth-child(3){left:19%;top:42%;--rotation:-17deg}.field-slot:nth-child(4){left:71%;top:24%;--rotation:17deg}.field-slot:nth-child(5){left:81%;top:42%;--rotation:17deg}.player-field .field-slot:nth-child(1){top:75%}.player-field .field-slot:nth-child(2){top:76%;--rotation:17deg}.player-field .field-slot:nth-child(3){top:58%;--rotation:17deg}.player-field .field-slot:nth-child(4){top:76%;--rotation:-17deg}.player-field .field-slot:nth-child(5){top:58%;--rotation:-17deg}.slot-placeholder{display:flex;align-items:center;flex-direction:column;color:#90a07d70;gap:8px}.slot-placeholder>span{font-size:23px;font-family:var(--serif)}.slot-placeholder small{font-size:6px;letter-spacing:1.6px}.field-slot.play-target{border:1px dashed #d8c37a;background:#b6ad4c1a}.field-slot.play-target .slot-placeholder{color:#e3cb89}.field-slot.selected{outline:2px solid #ead58b;outline-offset:3px;box-shadow:0 0 24px #e9c96855}.field-slot.targetable{outline:2px solid #db9776;outline-offset:2px;box-shadow:0 0 22px #cc6e4944}.field-slot.ready{box-shadow:0 0 12px #b9d98533;border-color:#bcd39b}.field-slot .battle-card{width:100%;height:100%;border-width:1px;border-radius:4px}.field-slot .card-art{height:68%;min-height:0}.field-slot .card-art-symbol{font-size:32px}.field-slot .card-name{font-size:clamp(8px,1.9cqw,12px);line-height:1;margin:0;padding:0 5px;height:17%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8e1c5,#c1c5a5)}.field-slot .card-subtitle,.field-slot .card-ability,.field-slot .card-rarity,.field-slot .card-type-line{display:none}.field-slot .card-cost{font-size:13px;width:21px;height:24px;left:-3px;top:-4px}.field-slot .card-stats{bottom:2px;left:4px;right:4px;font-size:11px}.field-slot .card-stats span{min-width:22px;padding:2px 3px}.field-slot .card-stats em{font-size:8px}.card-status{position:absolute;right:3px;top:3px;padding:2px 4px;background:#0b1718d9;color:#ded9b5;font-size:9px;border-radius:3px;z-index:2}.ready .card-status{color:#dcdfa4}.pile{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:#8d9f85;font-size:6px;letter-spacing:1px}.pile>span+span{max-width:32px;line-height:1.7}.pile b{color:#d1c88d;font-size:10px}.enemy-deck{top:4%}.own-deck{bottom:4%}.card-back{display:grid;place-items:center;width:42px;height:28px;box-shadow:2px 2px #183024,3px 3px #89926666;background:repeating-linear-gradient(45deg,#263b2d,#263b2d 3px,#1d3226 3px,#1d3226 6px);border:1px solid #82916b;color:#bfb480;border-radius:2px;font-size:20px}.discard-pile{position:absolute;background:none;border:1px solid #73836440;border-radius:3px;width:9%;height:13%;top:43.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a4ad8d}.enemy-discard{right:2.5%}.own-discard{left:2.5%}.discard-pile>span{font-size:20px;opacity:.7}.discard-pile small{font-size:5px;letter-spacing:.5px}.discard-pile b{font-size:10px;font-weight:500}
.own-bar{border:1px solid var(--line);border-radius:5px;padding:11px 12px;background:linear-gradient(100deg,#25382abf,#13211ad9);gap:12px;min-height:65px}.own-bar .player-identity{flex:1}.energy-meter{width:105px;margin-right:6px}.energy-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.energy-meter span{font-size:7px;letter-spacing:1px;color:#a6b29a}.energy-meter strong{font-size:11px;font-weight:500;color:#d6c183}.energy-dots{display:flex;gap:3px}.energy-dot{flex:1;height:7px;background:#9daa8050;transform:skew(-15deg)}.energy-dot.filled{background:#ddc584;box-shadow:0 0 6px #e1cc7540}.energy-dot.locked{background:#53614d3d}.gold-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:linear-gradient(125deg,#e2c68a,#b89554);border:1px solid #e4cc95;color:#213023;border-radius:3px;font-size:11px;font-weight:700;padding:13px 17px;box-shadow:0 3px 14px #0002;white-space:nowrap}.gold-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #c6a86926}.outline-button{background:#26392c44;border:1px solid #a9a67a66;border-radius:3px;color:#d1c599;padding:11px 15px;font-size:11px}
.round-panel{border:1px solid var(--line);border-radius:4px;padding:20px 18px;background:linear-gradient(120deg,#25352a88,#10201788)}.round-panel>div:nth-child(2){display:flex;align-items:center;gap:17px;margin:11px 0 21px}.round-panel strong{font:500 52px/.95 var(--serif);color:#ddcf9e}.round-panel #turn-label{font-size:12px;line-height:1.6}.round-panel small{font-size:10px;color:var(--muted)}.phase-track{display:flex;align-items:center;gap:5px;font-size:8px;color:#7c8b7c}.phase-track i{height:1px;background:#6d7b5950;flex:1}.phase-track .complete{color:#a2b694}.phase-track .current{color:#e1c381;padding:4px 6px;border:1px solid #b5aa6c55;border-radius:3px}.log-panel{margin-top:28px}.log-panel ol{padding:0 0 0 12px;list-style:none;margin:18px 0 0;border-left:1px solid #b4b37c26;max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#687252 transparent}.log-panel li{position:relative;font-size:10px;color:#9aa998;line-height:1.7;padding:0 1px 15px 5px}.log-panel li:first-child{color:#e1d9bb}.log-panel li:before{content:'';position:absolute;left:-15px;top:5px;border-radius:50%;width:4px;height:4px;background:#657960}.log-panel li:first-child:before{background:var(--gold)}.heritage-note{display:flex;align-items:center;gap:11px;padding-top:20px;border-top:1px solid var(--line);margin-top:15px;color:#7d8d7d}.heritage-note>span{font-size:27px;color:#b7ab736e}.heritage-note p{font:italic 13px/1.5 var(--serif)}
.hand-section{max-width:1020px;margin:22px auto 0}.hand-heading{display:flex;align-items:center;gap:17px;font-size:9px;min-height:25px;margin-bottom:12px}.hand-heading>span{font-size:9px;letter-spacing:1.5px;color:#c8cdb8}.hand-heading b{font-weight:500;letter-spacing:0;color:#99a58f;margin-left:6px}.hand-heading p{font-size:10px;color:#8f9d8c}.hand-heading .text-button{margin-left:auto}.player-hand{display:flex;justify-content:center;align-items:flex-start;gap:13px;min-height:183px;padding:4px 8px 10px}.hand-card{width:130px;aspect-ratio:5/7;background:none;padding:0;position:relative;text-align:left;flex-shrink:0;transform-origin:center bottom}.hand-card:hover{transform:translateY(-9px) rotate(-1deg);z-index:3}.hand-card.selected{transform:translateY(-12px);z-index:4}.hand-card.selected>.battle-card{outline:2px solid #ead58b;outline-offset:3px;box-shadow:0 0 28px #d1b35655}.hand-card.affordable>.battle-card{border-color:#b6c394;box-shadow:0 0 13px #b7d1851a}.hand-card.unaffordable>.battle-card{filter:saturate(.65) brightness(.78)}.hand-empty{color:#94a18e;font:italic 20px var(--serif);padding:55px 0}.arena-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:16px 0 19px;color:#748575;font-size:8px;letter-spacing:.5px}.arena-footer>span:first-child{color:#aca679}
.battle-card{--element:#83966a;position:relative;width:100%;height:100%;aspect-ratio:5/7;background:linear-gradient(150deg,#e1dbc0,#a6b399);border:2px solid #a7a777;border-radius:7px;padding:4px;box-shadow:0 6px 14px #0007,inset 0 0 0 1px #394934;overflow:visible;color:#1a2b20;display:flex;flex-direction:column}.battle-card.element-fogo{--element:#b67b4a;background:linear-gradient(150deg,#ebd7b3,#be9c7a);border-color:#a98b58}.battle-card.element-agua{--element:#68a9b0;background:linear-gradient(150deg,#d2e0d4,#8cb4b1);border-color:#899f90}.battle-card.element-ar{--element:#a7aea0;background:linear-gradient(150deg,#e4e1d6,#abbda9)}.battle-card.element-eter{--element:#ab8cad;background:linear-gradient(150deg,#e0d6df,#b2a4be);border-color:#a69bb0}.card-cost{position:absolute;z-index:2;left:-6px;top:-7px;width:30px;height:34px;background:linear-gradient(145deg,#e6d6a8,#a5935d);border:1px solid #f2d99c;box-shadow:1px 2px 4px #0007;clip-path:polygon(50% 0,100% 22%,100% 76%,50% 100%,0 76%,0 22%);display:grid;place-items:center;font:700 20px var(--serif);color:#203026}.card-art{position:relative;height:53%;min-height:53%;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--element) 65%,transparent),transparent 65%),linear-gradient(145deg,#142a24,#071813);border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #273c2c99}.card-art:before{content:'';position:absolute;inset:7%;border:1px solid #d5d59a26;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#0b1a1288);pointer-events:none}.card-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card-art-symbol{position:relative;width:80%;height:80%;color:color-mix(in srgb,var(--element) 65%,#ece1ab);filter:drop-shadow(0 0 15px color-mix(in srgb,var(--element) 40%,transparent));display:grid;place-items:center;font-size:60px}.card-art-symbol svg{width:90%;height:90%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.card-name{font:700 14px/1.05 var(--serif);margin:7px 3px 1px;text-align:center}.card-subtitle{font:italic 8px var(--serif);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;margin:1px 2px 5px}.card-type-line{font-size:6px;letter-spacing:1px;text-transform:uppercase;text-align:center;border-top:1px solid #50623b40;border-bottom:1px solid #50623b40;padding:3px 0;opacity:.8}.card-ability{font-size:7px;line-height:1.45;padding:5px 4px 22px;overflow:hidden}.card-stats{display:flex;justify-content:space-between;position:absolute;bottom:5px;left:6px;right:6px;font:700 14px/1 var(--serif)}.card-stats span{background:#253624ec;color:#f2e5b5;min-width:27px;text-align:center;padding:3px 5px;border-radius:3px}.card-stats span:last-child{background:#6e493ceb}.card-stats em{font:9px var(--sans);margin-right:3px;font-style:normal;opacity:.8}.card-stats .damaged{color:#ffb6a0}.card-rarity{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:7px;color:#455133}.card-inspector>.battle-card{width:172px;max-width:95%;margin:auto;height:240px}.card-inspector .card-name{font-size:19px}.card-inspector .card-subtitle{font-size:10px}.card-inspector .card-ability{font-size:9px;padding:6px 7px 30px}.card-inspector .card-type-line{font-size:7px}.card-inspector .card-cost{width:35px;height:39px;font-size:23px}.card-inspector .card-stats{font-size:16px}.ritual-card .card-stats{justify-content:center}.ritual-card .card-stats span{background:#354831;color:#e8e1bb;font-size:9px;font-family:var(--sans);letter-spacing:1px;padding:5px 10px}.ritual-card .card-rarity{display:none}
.collection-view{max-width:1420px;margin:auto;padding:38px 38px 60px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.collection-heading h1{font:500 43px var(--serif);margin:8px 0}.collection-heading p{font-size:12px;color:#a2b19f;line-height:1.6}.collection-toolbar{display:flex;gap:13px;align-items:center;padding:22px 0;margin:14px 0 6px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:10px;background:#14261ce0;border:1px solid var(--line);padding:0 13px;border-radius:4px}.search-field>span{color:var(--gold);font-size:23px}.search-field input{border:0;background:none;padding:12px 0;min-width:210px;font-size:12px;color:var(--text)}input::placeholder{color:#889b88}select{border:1px solid var(--line);border-radius:4px;background:#15251d;color:#cbd3bf;padding:12px;font-size:11px}.collection-toolbar>span{margin-left:auto;color:#81927f;font-size:10px}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(153px,1fr));gap:28px 23px;padding:26px 3px}.collection-item{min-width:0}.collection-card{background:none;padding:0;width:100%;text-align:left;display:block;aspect-ratio:5/7}.collection-card>.battle-card{height:100%}.collection-card:hover{transform:translateY(-4px)}.collection-card .card-name{font-size:19px}.collection-card .card-ability{font-size:9px}.collection-card .card-type-line{font-size:7px}.collection-card .card-subtitle{font-size:10px}.card-quantity{display:flex;align-items:center;justify-content:space-between;margin:12px 0 0;color:#a6b497;font-size:10px}.card-quantity button{width:30px;height:27px;background:#2c422ed9;border:1px solid #7e895253;border-radius:3px;font-size:16px;color:#ddc989}.deck-panel{position:sticky;top:24px;margin-top:26px;border:1px solid var(--line);border-radius:5px;background:#102017eb;padding:23px 20px}.deck-panel h2{font:500 24px var(--serif);margin:10px 0 18px;display:flex;justify-content:space-between;align-items:center}.deck-panel h2>span{font:11px var(--sans);color:#d3c68e}.deck-curve{display:flex;align-items:flex-end;gap:6px;height:70px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:17px}.curve-column{flex:1;position:relative;background:#b5ac7260;min-height:2px;max-height:50px}.curve-column>span{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);color:#91a17f;font-size:8px}.deck-row{display:flex;align-items:center;gap:9px;font-size:10px;padding:8px 0;border-bottom:1px solid #a49e6517}.deck-row>.deck-cost{width:18px;height:20px;display:grid;place-items:center;color:#d7cc9b;background:#52604066}.deck-row>span:nth-child(2){flex:1}.deck-row>button{background:none;padding:3px 5px;color:#bcb17e;font-size:15px}.deck-row>small{color:#929e88;font-size:10px}.deck-panel #deck-validation{font-size:10px;line-height:1.6;color:#b8cda1;margin:17px 0}.deck-panel .outline-button{width:100%}.local-note{font-size:9px;line-height:1.7;color:#7f927d;margin-top:15px}.collection-empty{padding:40px 10px;color:#a5b39b;grid-column:1/-1}
.game-dialog{color:var(--text);border:1px solid #a9935877;background:radial-gradient(ellipse at top left,#283d2a,#10221a 80%);box-shadow:0 30px 150px #000b;border-radius:7px;width:min(750px,calc(100% - 36px));padding:37px;max-height:90dvh;overflow:auto}.game-dialog::backdrop{background:#030b08ca;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:13px;right:17px;background:none;color:#a8b59b;font-size:24px;padding:3px 8px}.game-dialog h2{font:500 37px var(--serif);margin:8px 0 12px}.dialog-intro{color:#b4c0ab;font-size:12px;line-height:1.7;max-width:560px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 27px;margin:26px 0}.rules-grid article>b{font:500 25px var(--serif);color:var(--gold)}.rules-grid h3{font:600 22px var(--serif);margin:5px 0}.rules-grid p{color:#aebb9f;font-size:11px;line-height:1.7}.keyword-guide{border-top:1px solid var(--line);padding:16px 0}.keyword-guide p{font-size:11px;color:#aebb9f;line-height:1.8;margin-bottom:7px}.keyword-guide strong{color:#d5c796;margin-right:7px}.rules-footnote{font-size:10px;line-height:1.7;color:#8e9f85;margin:0 0 23px}.compact-dialog{max-width:465px;text-align:center;padding:35px}.compact-dialog p{font-size:12px;line-height:1.7;color:#b7c4a9}.dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.outcome-symbol{font-size:60px;line-height:1.2;color:var(--gold)}.card-dialog{max-width:580px}.card-dialog-content{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center}.card-dialog-content>.battle-card{height:266px}.card-dialog-content h2{font-size:30px}.card-dialog-content p{font-size:11px;line-height:1.8;color:#aaba9e;margin:12px 0}.card-dialog-content .card-name{font-size:20px}.card-dialog-content .card-ability{font-size:10px}.graveyard-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.graveyard-list button{background:#1b3321;border:1px solid var(--line);padding:10px 14px;text-align:left;display:flex;justify-content:space-between}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);border:1px solid #a19b5d99;background:#203622f5;color:#e3dfbd;box-shadow:0 6px 30px #0007;z-index:10;padding:15px 22px;border-radius:5px;font-size:12px;max-width:calc(100% - 32px);text-align:center}.loading-state{text-align:center;padding:20vh 20px}.loading-mark{font-size:60px;color:var(--gold)}.loading-state h1{font:500 35px var(--serif);margin:20px 0 14px}.loading-state p{color:#96a98d;font-size:13px}.loading-state button{margin-top:24px}.hit-flash{animation:hit .4s ease-out}.summon-flash{animation:summon .5s ease-out}@keyframes hit{0%{filter:brightness(2)}35%{transform:translateX(4px)}65%{transform:translateX(-4px)}100%{filter:brightness(1)}}@keyframes summon{0%{opacity:.4;filter:brightness(2)}100%{opacity:1;filter:brightness(1)}}
@media(min-width:1450px){.arena-layout{grid-template-columns:245px minmax(500px,1fr) 240px;gap:44px}.board-wrap{width:min(100%,650px)}.arena-view{padding-top:29px}.player-bar{max-width:650px}.card-inspector>.battle-card{width:188px;height:263px}.arena-heading{margin-bottom:24px}.hand-section{margin-top:25px}}
@media(max-width:1200px){.game-header{padding:0 23px;gap:18px}.header-links .prototype-tag{display:none}.game-nav{gap:20px}.arena-view{padding:20px 23px 0}.arena-layout{grid-template-columns:175px minmax(370px,1fr) 175px;gap:17px}.arena-heading h1{font-size:28px}.card-inspector>.battle-card{width:150px;height:210px}.card-inspector .card-name{font-size:16px}.card-inspector .card-ability{font-size:8px}.inspector-copy h2{font-size:23px}.inspector-copy .ability{font-size:10px}.inspector-lore{font-size:13px}.field-guide{padding:14px 12px}.round-panel{padding:17px 13px}.round-panel strong{font-size:43px}.log-panel ol{max-height:230px}.player-bar{gap:10px}.opponent-bar .player-identity strong{font-size:11px}.resource-badge{padding-left:10px}.player-identity .vitality{margin-left:3px;font-size:20px}.own-bar{padding:9px}.own-bar .avatar{width:32px;height:36px}.own-bar .player-identity{gap:6px}.energy-meter{width:89px;margin:0}.gold-button{font-size:10px;padding:12px 11px;gap:10px}.hand-card{width:117px}.player-hand{gap:13px;min-height:167px}.hand-section{margin-top:20px}.collection-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}
@media(max-width:1000px){.header-links .back-site{display:none}.game-header{min-height:74px}.game-brand>span{font-size:17px}.game-nav{gap:18px}.game-nav button{font-size:11px}.right-panel{display:none}.arena-layout{grid-template-columns:185px minmax(390px,1fr);gap:27px}.arena-view{max-width:900px}.board-wrap{max-width:540px}.card-inspector>.battle-card{width:162px;height:227px}.player-hand{gap:12px}.hand-card{width:112px}.hand-heading p{font-size:9px}.collection-view{padding:30px 25px}.collection-toolbar{flex-wrap:wrap}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:23px 16px}.collection-card .card-name{font-size:16px}.collection-card .card-ability{font-size:8px}.collection-card .card-subtitle{font-size:9px}}
@media(max-width:760px){.game-header{padding:13px 18px;gap:13px;flex-wrap:wrap}.game-brand{gap:8px}.game-brand svg{width:29px;height:32px}.game-brand>span{font-size:16px}.game-brand em{font-size:6px}.header-links{margin-left:auto;font-size:10px}.game-nav{width:100%;order:3;justify-content:center;gap:30px}.game-nav button{padding:9px 0;font-size:11px}.game-nav button>span{font-size:15px;margin-right:4px}.arena-view{padding:20px 16px 0}.arena-heading{margin-bottom:15px;align-items:flex-start}.arena-heading h1{font-size:26px}.arena-heading .eyebrow{font-size:8px}.match-meta{font-size:0;gap:0}.match-meta .live-dot{display:none}.match-meta .text-button{font-size:10px;margin:0}.arena-layout{display:block}.left-panel{display:none}.board-wrap{width:min(100%,540px);margin:10px auto}.player-bar{max-width:540px}.opponent-bar{padding:0 8px}.own-bar{padding:11px}.hand-section{margin-top:19px}.hand-heading{flex-wrap:wrap;gap:7px;margin-bottom:12px}.hand-heading p{order:3;width:100%;font-size:10px}.player-hand{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:15px 9px 15px;gap:13px;min-height:185px;scrollbar-width:thin;scrollbar-color:#647854 transparent}.hand-card{width:112px}.arena-footer{font-size:7px;flex-wrap:wrap;line-height:1.7}.arena-footer>span:last-child{display:none}.collection-view{padding:25px 20px}.collection-heading{align-items:flex-start;flex-direction:column;gap:17px}.collection-heading h1{font-size:36px}.collection-heading p{font-size:11px}.collection-layout{display:flex;flex-direction:column-reverse;gap:12px}.deck-panel{position:static;width:100%;padding:17px 18px;margin-top:15px}.deck-panel h2{margin:5px 0 12px}.deck-curve{display:none}#deck-list{max-height:150px;overflow:auto}.deck-panel .local-note{margin-top:10px}.deck-panel #deck-validation{margin:12px 0}.collection-grid{width:100%;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:26px 18px}.collection-toolbar{gap:10px;padding:18px 0}.collection-toolbar .search-field{width:100%}.collection-toolbar .search-field input{width:100%;min-width:0}.collection-toolbar select{font-size:10px;padding:10px}.collection-toolbar>span{font-size:9px}.game-dialog{padding:28px 22px}.game-dialog h2{font-size:30px}.rules-grid{gap:20px 18px}.rules-grid h3{font-size:21px}.rules-grid p{font-size:10px}.dialog-intro{font-size:11px}.card-dialog-content{grid-template-columns:1fr;text-align:center;gap:12px}.card-dialog-content>.battle-card{width:190px;margin:auto}.card-dialog-content .eyebrow{display:inline-block;margin-top:10px}}
@media(max-width:390px){.own-bar .player-identity small{font-size:6px}.own-bar .player-identity strong{font-size:11px}.own-bar .avatar{display:none}.own-bar .vitality{font-size:18px}.energy-meter{width:82px}.own-bar .gold-button{padding:12px 9px;font-size:9px}.player-identity>span:nth-child(2){gap:4px}.opponent-bar{gap:9px}.opponent-bar .avatar{width:30px;height:33px}.opponent-bar .player-identity strong{font-size:10px}.opponent-bar .player-identity small{font-size:6px}.resource-badge{display:none}.game-nav{gap:19px}.collection-grid{gap:24px 14px}.card-art-symbol{font-size:50px}.rules-grid{grid-template-columns:1fr}.turn-ribbon{font-size:5px}}
.battle-card{padding-bottom:25px}.card-art{flex:0 0 48%;height:48%;min-height:0}.card-name,.card-subtitle,.card-type-line{flex-shrink:0}.card-ability{flex:1;min-height:0;padding:5px 4px 0}.card-inspector .card-ability{padding:5px 7px 0}.field-slot .battle-card{padding:3px 3px 19px}.field-slot .card-art{height:72%;flex-basis:72%}.field-slot .card-name{height:auto;flex:1;min-height:0;padding:3px 1px 0;font-size:clamp(7px,1.7cqw,11px)}.field-slot{width:13.2%;height:18.3%}.field-slot:nth-child(3),.field-slot:nth-child(5){top:40%}.player-field .field-slot:nth-child(3),.player-field .field-slot:nth-child(5){top:60%}
@media(min-width:1001px) and (max-height:1050px){.game-header{min-height:66px}.arena-view{padding-top:13px}.arena-heading{margin-bottom:9px}.arena-heading h1{font-size:26px;margin-top:3px}.left-panel,.right-panel{padding-top:8px}.panel-heading{padding-bottom:11px}.card-inspector{padding-top:14px}.card-inspector>.battle-card{width:155px;height:217px}.card-inspector .card-name{font-size:17px}.card-inspector .card-ability{font-size:8px}.inspector-copy{padding-top:12px}.inspector-copy h2{font-size:23px;margin:6px 0}.inspector-copy .ability{font-size:10px}.inspector-lore{font-size:13px;line-height:1.4;margin-top:9px;padding-top:9px}.field-guide{margin-top:14px;padding:12px}.field-guide p{font-size:10px;margin-bottom:9px}.board-wrap{width:min(100%,max(340px,calc(100dvh - 470px)));margin:2px auto}.player-bar{max-width:570px;min-height:45px}.own-bar{min-height:55px;padding:7px 11px}.opponent-bar .avatar{width:33px;height:36px}.log-panel ol{max-height:210px}.hand-section{margin-top:14px}.hand-heading{margin-bottom:6px;min-height:21px}.hand-card{width:108px}.player-hand{min-height:158px;padding-top:5px;padding-bottom:7px}.hand-card .card-name{font-size:12px}.hand-card .card-subtitle{font-size:7px;margin-bottom:4px}.hand-card .card-ability{font-size:6px}.arena-footer{padding:10px 0 12px}.round-panel{padding:16px}.heritage-note{padding-top:14px}.center-seal svg{width:32px;height:38px}.turn-ribbon{font-size:6px}}
@media(min-width:1001px) and (max-height:820px){.card-inspector>.battle-card{width:125px;height:175px}.card-inspector .card-name{font-size:14px}.card-inspector .card-subtitle{font-size:8px}.card-inspector .card-ability{font-size:7px}.card-inspector .card-type-line{font-size:6px}.inspector-lore{display:none}.field-guide{padding:10px}.field-guide p{line-height:1.4}.hand-card{width:96px}.player-hand{min-height:140px}.hand-card .card-name{font-size:11px}.hand-card .card-type-line{font-size:5px}.hand-card .card-subtitle{font-size:6px}.hand-card .card-ability{font-size:6px}.hand-section{margin-top:10px}}
@media(min-width:1001px) and (max-height:820px){.board-wrap{width:min(100%,max(300px,calc(100dvh - 468px)))}.right-panel .log-panel ol{max-height:130px}.right-panel .heritage-note{display:none}.round-panel>div:nth-child(2){margin:8px 0 11px}.field-guide{margin-top:10px}.field-guide p{font-size:9px;line-height:1.4;margin:5px 0 8px}.card-inspector{padding-top:10px}.inspector-copy .ability{font-size:9px}.hand-section{margin-top:8px}.arena-footer{padding:8px 0}}
@media(min-width:1001px) and (max-height:1050px){.left-panel,.right-panel{contain:size;align-self:stretch;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#63704e transparent;padding-bottom:6px}.inspector-lore{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.inspector-copy .source-link{margin-top:7px}.inspector-copy button.source-link{background:none;padding:0;text-align:left}}
@media(min-width:1001px) and (max-height:820px){.inspector-lore{display:none}}
/* Desktop: information on the left, full-height octagonal arena on the right. */
@media(min-width:1001px){
  .game-header{height:66px;min-height:66px}
  .arena-view{--arena-board-size:min(calc(100dvh - 90px),calc(100vw - 540px));position:relative;height:calc(100dvh - 66px);max-width:none;padding:12px 16px;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(180px,.9fr) var(--arena-board-size);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;column-gap:18px;row-gap:8px;align-items:start}
  .arena-layout,.battle-column{display:contents}
  .arena-heading{grid-column:1/3;grid-row:1;margin:0;gap:12px}
  .arena-heading h1{font-size:26px;margin-top:3px}
  .match-meta{font-size:0;gap:0}
  .match-meta .live-dot{display:none}
  .match-meta .text-button{font-size:10px;margin:0}
  .board-wrap{grid-column:3;grid-row:1/7;width:100%;max-width:none;margin:0;align-self:center}
  .player-bar{width:100%;max-width:none;min-height:45px}
  .opponent-bar{grid-column:1/3;grid-row:2;padding:5px 10px;border:1px solid var(--line);border-radius:4px;background:#19281ec9}
  .own-bar{grid-column:1/3;grid-row:5;min-height:58px;padding:9px 12px}
  /* Triangular identities follow the empty corners beyond the board diagonals. */
  .opponent-bar>.player-identity,.own-bar>.player-identity{--corner-shape:polygon(0 0,100% 0,100% 100%);position:absolute;right:16px;z-index:2;isolation:isolate;container-type:inline-size;width:calc(var(--arena-board-size) * .293 - 14px);aspect-ratio:1;min-width:0;min-height:0;display:block;padding:0;border:0;border-radius:0;clip-path:var(--corner-shape);background:transparent;box-shadow:none;text-align:right}
  .opponent-bar>.player-identity:before,.own-bar>.player-identity:before{content:'';position:absolute;inset:1px;z-index:-1;clip-path:var(--corner-shape);background:linear-gradient(135deg,rgba(20,40,29,.08),rgba(17,35,25,.38));pointer-events:none}
  .opponent-bar>.player-identity{top:calc((100% - var(--arena-board-size))/2);background:transparent}
  .opponent-bar>.player-identity:before{background:linear-gradient(135deg,rgba(20,40,29,.08),rgba(17,35,25,.38))}
  .own-bar>.player-identity{--corner-shape:polygon(100% 0,100% 100%,0 100%);bottom:calc((100% - var(--arena-board-size))/2)}
  .opponent-bar>.player-identity .avatar,.own-bar>.player-identity .avatar{display:none}
  .opponent-bar>.player-identity>span:nth-child(2),.own-bar>.player-identity>span:nth-child(2){position:absolute;right:12px;width:64%;white-space:normal;gap:4px;align-items:flex-end}
  .opponent-bar>.player-identity>span:nth-child(2){top:12px}
  .own-bar>.player-identity>span:nth-child(2){bottom:12px}
  .opponent-bar>.player-identity strong,.own-bar>.player-identity strong{font-size:clamp(10px,5.5cqw,13px);line-height:1.25;overflow-wrap:anywhere;color:#c9d2be;text-shadow:0 1px 5px #07150d}
  .opponent-bar>.player-identity>span:nth-child(2)>small,.own-bar>.player-identity>span:nth-child(2)>small{font-size:clamp(6px,3.3cqw,8px);letter-spacing:.7px}
  .opponent-bar>.player-identity .vitality,.own-bar>.player-identity .vitality{position:absolute;right:12px;font-size:clamp(23px,12cqw,29px);margin:0;gap:5px;color:#d5dbc7;text-shadow:0 1px 6px #07150d}
  .opponent-bar>.player-identity .vitality{top:32%}
  .own-bar>.player-identity .vitality{bottom:24%}
  .opponent-bar>.player-identity .vitality small,.own-bar>.player-identity .vitality small{font-size:10px;color:#aa8876}
  .opponent-bar>.player-identity:is(.targetable,:focus-visible){background:rgba(205,177,109,.12);outline:0;box-shadow:none}
  .opponent-bar>.player-identity.targetable:before{background:linear-gradient(135deg,rgba(95,90,45,.12),rgba(54,69,33,.48))}
  .opponent-bar>.player-identity:after,.own-bar>.player-identity:after{content:'';position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0H100V100Z' fill='none' stroke='%23a9ab7b' stroke-opacity='.23' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
  .own-bar>.player-identity:after{transform:scaleY(-1)}
  .opponent-bar>.player-identity:is(.targetable,:focus-visible):after{filter:brightness(2.5)}
  .opponent-bar .resource-badge{border-left:0;padding-left:0}
  .own-bar .energy-meter{margin-right:auto}
  .left-panel{grid-column:1;grid-row:3}
  .right-panel{grid-column:2;grid-row:3}
  .left-panel,.right-panel{display:block;contain:size;align-self:stretch;min-height:0;overflow-y:auto;padding:4px 6px 8px;scrollbar-width:thin;scrollbar-color:#63704e transparent}
  .card-inspector{padding-top:12px}
  .card-inspector>.battle-card{width:155px;height:217px}
  .card-inspector .card-name{font-size:17px}
  .card-inspector .card-ability{font-size:8px}
  .inspector-copy h2{font-size:23px;margin:6px 0}
  .inspector-copy .ability{font-size:11px;line-height:1.5}
  .inspector-lore{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
  .field-guide,.heritage-note{display:none}
  .round-panel{padding:12px}
  .round-panel>div:nth-child(2){margin:8px 0 12px}
  .round-panel strong{font-size:38px}
  .log-panel{margin-top:16px}
  .log-panel ol,.right-panel .log-panel ol{max-height:190px}
  .hand-section{grid-column:1/3;grid-row:4;align-self:end;width:100%;max-width:none;min-width:0;margin:0;padding:10px 0 0;border-top:1px solid var(--line)}
  .hand-heading{flex-wrap:wrap;gap:6px 12px;margin:0 6px 8px}
  .hand-heading p{order:3;width:100%;font-size:10px;line-height:1.4}
  .player-hand{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;min-height:0;padding:8px 7px;overflow-x:auto;scrollbar-width:thin}
  .hand-card{width:calc((100% - 50px)/6);max-width:145px;min-width:80px}
  .hand-card .card-name{font-size:clamp(11px,.9vw,15px)}
  .hand-card .card-subtitle{font-size:8px}
  .hand-card .card-type-line{font-size:6px}
  .hand-card .card-ability{font-size:7px}
  .arena-footer{grid-column:1/3;grid-row:6;margin:0;padding:5px 0;font-size:7px}
  .arena-footer>span:last-child{display:none}
  .center-seal svg{width:48px;height:54px}
  .turn-ribbon{font-size:9px}
  .field-slot .card-name{font-size:clamp(10px,1.7cqw,16px)}
  .field-slot .card-stats{font-size:16px;bottom:3px}
  .field-slot .card-cost{font-size:18px;width:28px;height:31px}
  .field-slot .battle-card{padding-bottom:24px}
}
@media(min-width:1001px) and (max-height:820px){
  .card-inspector>.battle-card{width:115px;height:161px}
  .card-inspector .card-name{font-size:13px}
  .card-inspector .card-ability{font-size:7px}
  .inspector-copy h2{font-size:21px}
  .inspector-lore{display:none}
  .round-panel{padding:10px}
  .round-panel strong{font-size:30px}
  .right-panel .log-panel ol{max-height:130px}
  .hand-card .card-subtitle{font-size:7px}
  .hand-card .card-ability{font-size:6px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hand-card:hover,.hand-card.selected{transform:none}}

@container (max-width:170px){
  .player-identity>span:nth-child(2)>small{display:none}
  .player-identity>span:nth-child(2){right:8px!important}
  .player-identity .vitality{right:8px!important;font-size:25px!important}
}

/* Resources and turn controls nest in the two left corners of the arena. */
.arena-corner{display:contents}
@media(min-width:1001px){
  .arena-view{grid-template-rows:auto minmax(0,1fr) auto auto}
  .board-wrap{grid-row:1/5}
  .opponent-bar,.own-bar{display:contents}
  .left-panel,.right-panel{grid-row:2}
  .hand-section{grid-row:3}
  .arena-footer{grid-row:4}
  .arena-corner{position:absolute;left:calc(100% - 16px - var(--arena-board-size));width:calc(var(--arena-board-size) * .293 - 14px);aspect-ratio:1;z-index:2;display:block;isolation:isolate;container-type:inline-size;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(225deg,rgba(20,40,29,.08),rgba(17,35,25,.38));text-shadow:0 1px 5px #07150d}
  .arena-corner:before{content:'';position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 0H0V100Z' fill='none' stroke='%23a9ab7b' stroke-opacity='.23' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
  .enemy-corner{top:calc((100% - var(--arena-board-size))/2)}
  .own-corner{bottom:calc((100% - var(--arena-board-size))/2);clip-path:polygon(0 0,100% 100%,0 100%)}
  .own-corner:before{transform:scaleY(-1)}
  .enemy-corner .round-panel{position:absolute;top:10px;left:10px;width:75%;padding:0;border:0;background:none}
  .enemy-corner .round-panel>.eyebrow,.enemy-corner .phase-track,.enemy-corner .round-panel small{display:none}
  .enemy-corner .round-panel>div:nth-child(2){margin:0;gap:8px}
  .enemy-corner .round-panel strong{font-size:25px;color:#d5dbc7}
  .enemy-corner .round-panel #turn-label{font-size:10px;line-height:1.2;color:#c9d2be}
  .enemy-corner .resource-badge{position:absolute;left:10px;top:44px;padding:0;border:0}
  .enemy-corner .resource-badge span{font-size:7px}
  .enemy-corner .resource-badge strong{margin-top:4px}
  .enemy-corner .hidden-hand{position:absolute;left:16px;top:83px;margin:0;padding:0;transform:scale(.7);transform-origin:top left}
  .own-corner .energy-meter{position:absolute;left:10px;bottom:57px;width:52%;margin:0}
  .own-corner .energy-meter>div:first-child{gap:5px}
  .own-corner .energy-meter span{font-size:6px;letter-spacing:.5px}
  .own-corner .energy-dots{gap:2px}
  .own-corner #end-turn{position:absolute;left:10px;bottom:10px;width:76%;min-height:34px;padding:8px 5px;gap:8px;font-size:10px;background:rgba(64,77,44,.5);border:1px solid #a9ab7b66;color:#ddcf9e;box-shadow:none}
  .own-corner #end-turn:hover:not(:disabled),.own-corner #end-turn:focus-visible{background:rgba(104,110,61,.65);outline:1px solid #c9b979;outline-offset:2px}
  .right-panel .log-panel{margin-top:0}
}
@container(max-width:170px){
  .enemy-corner .round-panel{top:8px;left:8px}
  .enemy-corner .round-panel strong{font-size:19px}
  .enemy-corner .round-panel #turn-label{font-size:8px}
  .enemy-corner .resource-badge{top:35px;left:8px}
  .enemy-corner .hidden-hand{top:70px;left:12px;transform:scale(.4)}
  .own-corner .energy-meter{left:8px;bottom:46px;width:48%}
  .own-corner .energy-meter>div:first-child{flex-wrap:wrap;gap:3px;margin-bottom:4px}
  .own-corner #end-turn{left:8px;bottom:8px;font-size:8px;gap:3px;min-height:28px;padding:5px 2px}
  .own-corner #end-turn span{display:none}
}

.toast{pointer-events:none}
@media(max-width:1000px){.enemy-corner .round-panel{display:none}}

/* Keep unavailable cards readable, with an explicit resource explanation. */
.hand-card.unaffordable>.battle-card{filter:saturate(.18) brightness(.62);border-color:#73776b;box-shadow:none}
.hand-card.affordable>.battle-card{border-color:#c5d9a2;box-shadow:0 0 0 1px #b8d48d55,0 0 12px #b7d18530}
.hand-card.insufficient-energy .card-cost{background:#c18e79;color:#251b17}
.hand-availability{position:absolute;top:27%;left:4px;right:4px;display:flex;justify-content:center;align-items:center;gap:4px;padding:6px 3px;border:1px solid #b5977866;border-radius:3px;background:#142019ed;color:#eadbc5;font-size:clamp(8px,.65vw,10px);line-height:1.3;text-align:center;pointer-events:none;box-shadow:0 2px 8px #0004}

.hand-card.unaffordable:hover{transform:translateY(-3px)}
.hand-card:focus-visible{outline:2px solid #ead58b;outline-offset:4px;border-radius:5px}

.hand-availability.energy-shortfall{--seal-shape:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);top:12%;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 20px);max-width:86px;min-height:28px;padding:5px 8px;gap:5px;border:0;border-radius:0;clip-path:var(--seal-shape);background:#a89e78;color:#e5dfca;font-size:10px;white-space:nowrap;isolation:isolate;box-shadow:none}
.energy-shortfall:before{content:'';position:absolute;inset:1px;clip-path:var(--seal-shape);background:#18251f;z-index:-1}
.energy-shortfall b{font-weight:600;color:#f1e2b6}
.animo-symbol{display:inline-grid;place-items:center;width:15px;height:17px;flex-shrink:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#cbb77d;color:#233126;font:700 10px/1 var(--serif)}
@media(min-width:1001px) and (max-width:1200px){.hand-availability.energy-shortfall{font-size:8px;gap:3px;padding:4px 6px;min-height:25px}.animo-symbol{width:12px;height:14px;font-size:9px}}

/* Field readiness: muted resting cards and prominent hexagonal status markers. */
.player-field .field-slot.exhausted>.battle-card{filter:saturate(.18) brightness(.62);border-color:#73776b;box-shadow:none}
.field-slot.exhausted .card-art{filter:none}
.field-slot .card-status{--status-shape:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);right:-3px;top:-4px;width:21px;height:24px;display:flex;align-items:center;justify-content:center;gap:0;padding:3px;clip-path:var(--status-shape);border-radius:0;background:#939b90;color:#e2e4d9;font:600 13px/1 var(--serif);isolation:isolate;pointer-events:none}
.field-slot .card-status:before{content:'';position:absolute;inset:1px;clip-path:var(--status-shape);background:#26302b;z-index:-1}
.field-slot.ready>.battle-card{border-color:#c5d9a2;box-shadow:0 0 0 1px #b8d48d66,0 0 15px #b7d18544}
.field-slot.ready .card-status{background:#c9dba3;color:#e3edc9}
.field-slot.ready .card-status:before{background:#344b2d}
.field-slot.targetable>.battle-card{filter:none;border-color:#e4b08a}
.field-slot.targetable .card-status{background:#ecc399;color:#fff0d8}
.field-slot.targetable .card-status:before{background:#704731}

@media(min-width:1001px){.field-slot .card-status{width:28px;height:31px;font-size:18px}}

/* Ritual reveal: a lightweight, non-blocking flight from hand to center stage. */
.ritual-effect{--ritual-glow:204,187,126;position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;animation:ritual-veil 3s both;background:radial-gradient(ellipse at 50% 43%,rgba(5,16,12,.3),transparent 65%)}
.ritual-effect-fogo{--ritual-glow:234,155,84}.ritual-effect-agua{--ritual-glow:112,203,210}.ritual-effect-terra{--ritual-glow:156,204,125}.ritual-effect-eter{--ritual-glow:186,155,221}
.ritual-flight{position:absolute;left:50%;top:43%;width:clamp(150px,19vw,230px);aspect-ratio:5/7;margin:0;animation:ritual-flight 2.8s cubic-bezier(.2,.7,.25,1) both;filter:drop-shadow(0 0 22px rgba(var(--ritual-glow),.5));will-change:transform,opacity}
.ritual-flight>.battle-card{width:100%;height:100%;border-color:rgba(var(--ritual-glow),.9);box-shadow:0 0 0 2px rgba(var(--ritual-glow),.25)}
.ritual-flight .card-name{font-size:clamp(18px,2vw,25px)}.ritual-flight .card-ability{font-size:10px}.ritual-flight .card-subtitle{font-size:11px}
.ritual-aura,.ritual-orbit{position:absolute;left:50%;top:43%;width:min(70vw,490px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.ritual-aura{background:radial-gradient(circle,rgba(var(--ritual-glow),.3),rgba(var(--ritual-glow),.08) 45%,transparent 70%);animation:ritual-aura 2.8s ease-out both}
.ritual-orbit{border:1px solid rgba(var(--ritual-glow),.5);outline:1px dashed rgba(var(--ritual-glow),.25);outline-offset:12px;box-shadow:0 0 30px rgba(var(--ritual-glow),.1),inset 0 0 25px rgba(var(--ritual-glow),.1);animation:ritual-orbit 2.8s ease-out both}
.ritual-announcement{position:absolute;top:calc(43% + clamp(105px,13.3vw,161px) + 25px);left:50%;transform:translateX(-50%);width:min(90vw,520px);text-align:center;color:#f0e7c9;text-shadow:0 2px 6px #07130e,0 0 24px #000;background:radial-gradient(ellipse,#0a1a13ee,transparent 72%);padding:12px 15px 20px}
.ritual-announcement:not(:empty){animation:ritual-message .45s ease-out both}.ritual-kicker{display:block;font-size:11px;letter-spacing:3px;color:rgb(var(--ritual-glow));margin-bottom:8px}.ritual-announcement strong{display:block;font:600 clamp(24px,3vw,36px)/1.15 var(--serif)}.ritual-announcement p{margin:9px 0 0;font-size:13px;color:#e1e8d7;line-height:1.5}
@keyframes ritual-flight{0%{opacity:0;transform:translate(calc(-50% + var(--ritual-x)),calc(-50% + var(--ritual-y))) scale(.55) rotate(-9deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(0)}28%{transform:translate(-50%,-50%) rotate(-7deg)}33%{transform:translate(-50%,-50%) rotate(6deg)}38%{transform:translate(-50%,-50%) rotate(-3deg)}44%,85%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-55%) scale(.93)}}
@keyframes ritual-aura{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%,80%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes ritual-orbit{0%,10%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-30deg)}40%,75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(12deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(24deg)}}
@keyframes ritual-message{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ritual-veil{0%{opacity:0}10%,85%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ritual-effect,.ritual-flight,.ritual-aura,.ritual-orbit,.ritual-announcement:not(:empty){animation:none!important}.ritual-flight{transform:translate(-50%,-50%)}.ritual-orbit{display:none}}
@media(max-height:600px){.ritual-flight{width:125px}.ritual-announcement{top:calc(43% + 100px)}.ritual-announcement strong{font-size:22px}.ritual-kicker{font-size:9px}}

/* Shared notifications stay at the center of the viewport. */
.toast{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:min(520px,calc(100vw - 40px));padding:22px 30px;border:1px solid #c4b47a99;border-radius:8px;background:linear-gradient(135deg,#243b2af5,#0b1b14fa);color:#f0e7cf;font-size:15px;line-height:1.65;box-shadow:0 12px 65px #0009,0 0 30px #c4b47a18;text-align:center;z-index:30;pointer-events:none}
.toast:not([hidden]){animation:center-notice .25s ease-out both}
@keyframes center-notice{from{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:760px){.toast{padding:18px 22px;font-size:14px}}

/* Hold the reveal for the duration configured in the game admin. */
.ritual-effect{pointer-events:auto;animation:none;cursor:pointer}
.ritual-flight{animation:ritual-entry var(--ritual-entry,1s) cubic-bezier(.2,.7,.25,1) both;cursor:default}
.ritual-aura{animation:none;opacity:1}.ritual-orbit{animation:none;opacity:.7}
.ritual-announcement small{display:block;margin-top:12px;color:#b7c5ad;font-size:11px}
@keyframes ritual-entry{0%{opacity:0;transform:translate(calc(-50% + var(--ritual-x)),calc(-50% + var(--ritual-y))) scale(.55) rotate(-9deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}60%{transform:translate(-50%,-50%) rotate(-7deg)}73%{transform:translate(-50%,-50%) rotate(6deg)}86%{transform:translate(-50%,-50%) rotate(-3deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}

/* Each player's deck and memories share the same edge of the board. */
.board-wrap .pile,.board-wrap .discard-pile{position:absolute;width:19%;height:clamp(25px,5cqw,42px);min-height:0;top:auto;bottom:auto;transform:none;border:1px solid #89956b55;border-radius:4px;background:linear-gradient(120deg,#20382bc9,#10251bcc);color:#b6c3a4;padding:3px 5px;box-sizing:border-box;gap:5px}
.board-wrap .pile{left:30%;display:flex;align-items:center}
.board-wrap .discard-pile{left:51%;right:auto;display:grid;grid-template-columns:38% 1fr;grid-template-rows:1fr 1fr;column-gap:5px;row-gap:0;text-align:left}
.board-wrap .enemy-deck,.board-wrap .enemy-discard{top:4%}
.board-wrap .own-deck,.board-wrap .own-discard{bottom:4%}
.board-wrap .pile .card-back{width:38%;height:100%;font-size:clamp(13px,2.5cqw,21px);box-shadow:none;flex-shrink:0}
.board-wrap .pile>span+span{max-width:none;font-size:clamp(5px,.85cqw,7px);letter-spacing:.6px;line-height:1.3}
.board-wrap .pile b,.board-wrap .discard-pile b{display:block;font-size:clamp(9px,1.5cqw,13px);line-height:1.1;color:#dfd3a4;font-weight:600}
.board-wrap .discard-pile>span{grid-column:1;grid-row:1/3;display:grid;place-items:center;height:100%;border:1px solid #89956b77;border-radius:2px;background:#182d23;font-size:clamp(13px,2.5cqw,21px);opacity:1;color:#bdb68e}
.board-wrap .discard-pile small{grid-column:2;grid-row:1;align-self:end;font-size:clamp(5px,.85cqw,7px);letter-spacing:.4px;line-height:1.3}
.board-wrap .discard-pile b{grid-column:2;grid-row:2;align-self:start}
.board-wrap .discard-pile:hover,.board-wrap .discard-pile:focus-visible{border-color:#d2bf80;background:#2c4431;outline:1px solid #d2bf8055;outline-offset:2px}
@media(max-width:760px){.board-wrap .pile,.board-wrap .discard-pile{padding:2px 3px;gap:3px}}

/* Compact piles: caption and count above the icon tile. */
.board-wrap .pile,.board-wrap .discard-pile{width:14%;height:clamp(34px,6.4cqw,55px);padding:0;border:0;background:none;box-shadow:none;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;row-gap:3px;column-gap:0}
.board-wrap .pile{left:35%}.board-wrap .discard-pile{left:51%}
.board-wrap .enemy-deck,.board-wrap .enemy-discard{top:3%}.board-wrap .own-deck,.board-wrap .own-discard{bottom:3%}
.board-wrap .pile>span+span{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:clamp(5px,.9cqw,8px);line-height:1.2;letter-spacing:.5px;padding:0 2px}
.board-wrap .pile .card-back,.board-wrap .discard-pile>span{grid-row:2;grid-column:1;width:100%;height:100%;min-height:0;border:1px solid #89956b77;border-radius:3px;background:linear-gradient(135deg,#273d2ccc,#12291dcc);display:grid;place-items:center;box-shadow:none}
.board-wrap .discard-pile small{grid-row:1;grid-column:1;align-self:center;justify-self:start;font-size:clamp(5px,.9cqw,8px);line-height:1.2;letter-spacing:.5px;padding-left:2px}
.board-wrap .discard-pile b{grid-row:1;grid-column:1;align-self:center;justify-self:end;padding-right:2px}
.board-wrap .pile b,.board-wrap .discard-pile b{font-size:clamp(9px,1.5cqw,13px);line-height:1.2}
.board-wrap .card-back svg,.board-wrap .discard-pile svg{width:clamp(20px,3.7cqw,32px);height:85%;max-height:30px;fill:none;stroke:#c5bd91;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.board-wrap .discard-pile:hover,.board-wrap .discard-pile:focus-visible{background:none;outline:none}
.board-wrap .discard-pile:hover>span,.board-wrap .discard-pile:focus-visible>span{border-color:#d2bf80;background:#2c4431;box-shadow:0 0 10px #c6b67825}

/* Mirrored captions and portrait card proportions at both board edges. */
.board-wrap .pile,.board-wrap .discard-pile{--pile-card-width:clamp(26px,5cqw,48px);width:14%;height:auto;grid-template-rows:auto auto;row-gap:5px;align-items:center;justify-items:center}
.board-wrap .enemy-deck,.board-wrap .enemy-discard{top:2.5%}
.board-wrap .own-deck,.board-wrap .own-discard{bottom:2.5%}
.board-wrap .pile .card-back,.board-wrap .discard-pile>span{width:var(--pile-card-width);height:auto;aspect-ratio:7/5;box-sizing:border-box;justify-self:center;min-height:0;background:linear-gradient(145deg,#304732ee,#152d20ee);box-shadow:2px 2px 0 #0b1c14,3px 3px 0 #82916b55}
.board-wrap .pile>span+span{width:100%;justify-content:center;gap:8px;padding:0 0 4px;border-bottom:1px solid #a2a47755}
.board-wrap .discard-pile small{justify-self:center;transform:translateX(-9px);padding:0 0 4px}
.board-wrap .discard-pile b{justify-self:center;transform:translateX(25px);padding:0 0 4px}
.board-wrap .discard-pile:before{content:'';grid-column:1;grid-row:1;width:100%;height:100%;border-bottom:1px solid #a2a47755;pointer-events:none}
.board-wrap .own-deck .card-back,.board-wrap .own-discard>span{grid-row:1}
.board-wrap .own-deck>span+span{grid-row:2;padding:4px 0 0;border-bottom:0;border-top:1px solid #a2a47755}
.board-wrap .own-discard small,.board-wrap .own-discard b{grid-row:2;padding:4px 0 0}
.board-wrap .own-discard:before{grid-row:2;border-bottom:0;border-top:1px solid #a2a47755}
.board-wrap .card-back svg,.board-wrap .discard-pile svg{width:75%;height:auto;max-height:none}
@media(max-width:760px){.board-wrap .pile,.board-wrap .discard-pile{row-gap:3px}.board-wrap .pile>span+span{gap:4px}.board-wrap .discard-pile small{transform:translateX(-5px)}.board-wrap .discard-pile b{transform:translateX(18px)}}

/* Landscape piles use the octagon engraving as their only separator. */
.board-wrap .pile>span+span,.board-wrap .own-deck>span+span{border:0}
.board-wrap .discard-pile:before,.board-wrap .own-discard:before{display:none}
.board-wrap .card-back svg,.board-wrap .discard-pile svg{width:60%;height:auto;max-height:85%}

/* Captions sit midway between the engraved edges (2% and 5%). */
.board-wrap .pile,.board-wrap .discard-pile{--pile-card-width:clamp(28px,8cqw,76px);grid-template-rows:3cqw auto;row-gap:1cqw}
.board-wrap .enemy-deck,.board-wrap .enemy-discard{top:2%}
.board-wrap .own-deck,.board-wrap .own-discard{bottom:2%;grid-template-rows:auto 3cqw}
.board-wrap .pile>span+span,.board-wrap .own-deck>span+span,.board-wrap .discard-pile small,.board-wrap .discard-pile b,.board-wrap .own-discard small,.board-wrap .own-discard b{padding:0;align-self:center}
.board-wrap .pile .card-back,.board-wrap .discard-pile>span{background:linear-gradient(145deg,#253b2b77,#152d2066);border-color:#84926b55;box-shadow:2px 2px 0 #0b1c1455,3px 3px 0 #82916b22}
.board-wrap .card-back svg,.board-wrap .discard-pile svg{width:48%;stroke:#a4ac8b;opacity:.75}
.board-wrap .discard-pile:hover>span,.board-wrap .discard-pile:focus-visible>span{background:#2c443188;border-color:#a5ac82;box-shadow:none}

/* Bring each pair closer while keeping it centered on the board. */
.board-wrap .pile{left:38%}
.board-wrap .discard-pile{left:48%}

.toast{padding-right:48px}
.toast-close{position:absolute;right:7px;top:7px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#d5d4b6;font-size:24px;line-height:1;pointer-events:auto;cursor:pointer}
.toast-close:hover,.toast-close:focus-visible{background:#c4b47a22;color:#fff1cd;outline:1px solid #c4b47a77}

.combat-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}
.combat-layer .combat-actor{position:fixed;pointer-events:none;margin:0;opacity:1;z-index:1;transition:none;box-shadow:0 0 25px #dfc78066}
.combat-layer .combat-actor .card-name{font-size:14px}.combat-layer .combat-actor .card-cost{font-size:18px;width:28px;height:31px}
.combat-damage{position:fixed;transform:translate(-50%,-50%);z-index:2;color:#ffdbb5;font:700 clamp(28px,4vw,48px)/1 var(--serif);text-shadow:0 2px 5px #300,0 0 18px #ba563e;background:#351c16bd;border:1px solid #e6b18177;border-radius:50%;padding:10px 14px;animation:combat-damage .8s ease-out both}
@keyframes combat-damage{from{opacity:0;transform:translate(-50%,-20%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:1;transform:translate(-50%,-80%) scale(1)}}
#arena-view[aria-busy="true"] .field-slot:disabled,#arena-view[aria-busy="true"] .hand-card:disabled{opacity:1;cursor:wait}

/* Isolate the ritual from the board without blurring its card or caption. */
.ritual-aura{background:radial-gradient(circle,rgba(8,20,15,.82) 0%,rgba(9,23,17,.72) 65%,rgba(9,23,17,.48) 100%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 0 35px #06130b55,inset 0 0 50px rgba(var(--ritual-glow),.08)}
.ritual-announcement{background:radial-gradient(ellipse,rgba(6,18,12,.92) 15%,rgba(6,18,12,.72) 48%,transparent 75%);text-shadow:0 2px 5px #000,0 0 16px #06130b}

/* Actual healing/damage next to vitality, above ritual presentation layers. */
.health-change{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);padding:8px 12px;border:1px solid #e6b18188;border-radius:20px;background:#321e18ed;color:#ffd1ae;font:700 clamp(20px,2vw,28px)/1.2 var(--serif);box-shadow:0 4px 20px #0006;white-space:nowrap;animation:health-change-in .4s ease-out both}
.health-gain{color:#d6f3b9;border-color:#a8d98588;background:#193623ed;box-shadow:0 4px 20px #0006,0 0 15px #9acc7130}
@keyframes health-change-in{from{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

.health-change,.combat-damage{font-size:var(--impact-size,28px)}
@media(max-width:760px){.health-change{font-size:min(var(--impact-size,28px),34px)}.combat-damage{font-size:min(var(--impact-size,34px),46px)}}

/* Log lives in the menu; inspection spans the freed information column. */
.save-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:#a9b997}
.save-indicator svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.save-dot{position:absolute;right:0;bottom:2px;width:6px;height:6px;border-radius:50%;background:#d1b77e;box-shadow:0 0 0 2px #0d1917}
.save-indicator[data-state="saved"] .save-dot{background:#9fca8a}.save-indicator[data-state="error"]{color:#e8a28b}.save-indicator[data-state="error"] .save-dot{background:#e8a28b}
.save-indicator:focus-visible{outline:1px solid #b9bc8b;border-radius:3px}
#battle-log-dialog .log-panel{margin-top:20px}#battle-log-dialog .log-panel ol{max-height:60dvh;margin:0;padding-right:12px}#battle-log-dialog .log-panel li{font-size:13px;padding-bottom:18px}
.player-hand{padding-top:26px;padding-bottom:12px}
.hand-heading{position:relative;z-index:0}.hand-card{z-index:1}
@media(min-width:1001px){
 .arena-view{grid-template-rows:auto minmax(0,1fr) auto}
 .board-wrap{grid-row:1/4}
 .left-panel{grid-column:1/3}
 .card-inspector{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(180px,1fr);gap:28px;align-items:center;padding:22px 12px 14px}
 .card-inspector>.battle-card{width:min(100%,330px,calc((100dvh - 390px)*.714));height:auto;aspect-ratio:5/7;max-width:100%;margin:auto}
 .card-inspector .card-name{font-size:clamp(19px,1.6vw,27px)}
 .card-inspector .card-ability{font-size:11px}.card-inspector .card-subtitle{font-size:12px}.card-inspector .card-type-line{font-size:9px}
 .inspector-copy{padding:0}.inspector-copy h2{font-size:clamp(25px,2.2vw,36px);margin:12px 0}.inspector-copy .ability{font-size:14px;line-height:1.7}
 .inspector-lore{display:block;font-size:17px;line-height:1.6;margin-top:20px;padding-top:16px;overflow:visible}
 .inspector-copy .source-link{display:block;margin-top:14px;font-size:12px;background:none;text-align:left;padding:0}
 .game-nav{gap:18px}.game-nav button{font-size:11px}
}
@media(max-width:760px){.game-nav{gap:12px;flex-wrap:wrap}.game-nav button{font-size:10px}.game-nav button>span{margin-right:4px;font-size:15px}}

@media(min-width:1001px){.left-panel{container-type:size}.card-inspector>.battle-card{width:min(100%,330px,calc((100cqh - 80px)*.714))}}

#end-turn.turn-suggested:not(:disabled){isolation:isolate;overflow:hidden;border-color:#d7c18a;color:#fff1c5;animation:turn-invitation-build 18s ease-in-out 3.5s forwards,turn-invitation 3.6s ease-in-out 21.5s infinite}
#end-turn.turn-suggested:not(:disabled):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#78663a88,#b89b5366);transform-origin:left;animation:turn-fill var(--turn-fill-duration,3.5s) ease-in-out both}
@keyframes turn-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes turn-invitation-build{
 0%,20%,40%,60%,80%,100%{box-shadow:0 0 4px #dac17b22;border-color:#b7a471}
 10%{box-shadow:0 0 7px #dac17b30;border-color:#c1ae79}
 30%{box-shadow:0 0 10px #dac17b3d;border-color:#cdb881}
 50%{box-shadow:0 0 13px #dac17b4a;border-color:#d7c18a}
 70%{box-shadow:0 0 16px #dac17b57;border-color:#e2ca91}
 90%{box-shadow:0 0 20px #dac17b66;border-color:#ecd397}
}
@keyframes turn-invitation{0%,100%{box-shadow:0 0 4px #dac17b22;border-color:#b7a471}50%{box-shadow:0 0 20px #dac17b66;border-color:#ecd397}}
@media(max-width:1000px){#end-turn{position:relative}}
@media(prefers-reduced-motion:reduce){#end-turn.turn-suggested:not(:disabled){animation:none;background:#75643f;color:#fff1c5}#end-turn.turn-suggested:not(:disabled):before{animation:none;transform:none}}

.hand-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.hand-filter-group{display:flex;gap:3px;padding-left:8px;border-left:1px solid #92956c44}
.hand-filters button{display:grid;place-items:center;width:27px;height:27px;padding:5px;border:1px solid transparent;border-radius:4px;background:#13271b66;color:#99ac90;cursor:pointer}
.hand-filters svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hand-filters button:hover,.hand-filters button:focus-visible{color:#efdfac;border-color:#a9ad7a77;outline:none}
.hand-filters button[aria-pressed="true"]{background:#71623977;border-color:#d1ba7f;color:#f0dda7;box-shadow:inset 0 -2px #d1ba7f}
.hand-filters #clear-hand-filters{font-size:21px;padding:0;color:#ddbd9f}
.hand-empty{width:100%;text-align:center;font-size:16px}.hand-empty button{display:block;margin:12px auto 0;background:none;color:#dfcb8e;text-decoration:underline;font-size:12px}
.hand-section{container-type:inline-size}.player-hand{min-height:clamp(155px,calc((100cqw - 64px)/6 * 1.4 + 38px),241px)}
@media(max-width:760px){.hand-filters{width:100%;margin:4px 0 0;gap:6px}.hand-filter-group{padding-left:5px;gap:2px}.hand-filters button{width:25px;height:28px;padding:4px}.hand-filters svg{width:16px;height:16px}.player-hand{min-height:195px}}

.hand-filters #clear-hand-filters.filters-empty{opacity:.5}
.hand-filters #clear-hand-filters.filters-empty:hover,.hand-filters #clear-hand-filters.filters-empty:focus-visible{opacity:1}

/* The ring fills once over the configured ritual lifetime. */
.ritual-progress{position:absolute;left:50%;top:43%;width:min(70vw,490px);aspect-ratio:1;overflow:visible;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none;filter:drop-shadow(0 0 4px rgba(var(--ritual-glow),.4))}
.ritual-progress circle{fill:none;stroke:rgb(var(--ritual-glow));stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}

/* Selected hand actions sit over the card artwork, outside its button markup. */
.hand-entry{position:relative;flex-shrink:0;width:130px;aspect-ratio:5/7}
.hand-entry>.hand-card{width:100%;height:100%;max-width:none;min-width:0}
.hand-entry:has(.selected){z-index:4}
.hand-card-action{position:absolute;left:50%;top:12%;transform:translate(-50%,-12px);z-index:5;min-height:32px;width:max-content;max-width:calc(100% - 12px);padding:7px 12px;border:1px solid #e5ce90;border-radius:4px;background:linear-gradient(135deg,#dfc582,#b79956);color:#1b2b20;box-shadow:0 3px 13px #0008;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}
.hand-card-action:hover,.hand-card-action:focus-visible{background:#efdaa0;outline:2px solid #f4e6b5;outline-offset:2px}
@media(min-width:1001px){.hand-entry{width:calc((100% - 50px)/6);max-width:145px;min-width:80px}}
@media(max-width:1000px){.hand-entry{width:112px}}
@media(max-width:1200px){.hand-card-action{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.hand-card-action{transform:translateX(-50%)}}

.hand-filters #clear-hand-filters:disabled{opacity:.35;cursor:default;border-color:transparent;background:transparent;box-shadow:none}
.hand-slot-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid #8e9c6944;border-radius:5px;background:linear-gradient(135deg,#0d201844,#17291d66);box-shadow:inset 0 0 15px #00100744;color:#90a07d88}
.hand-slot-empty>span{font:24px var(--serif)}.hand-slot-empty small{font-size:7px;letter-spacing:.8px}.hand-slot-empty b{font-size:10px;font-weight:400;color:#8c987e66}
#hand-hint{font-size:11px;line-height:1.6;color:#a7b39b;margin:12px 0 0;max-width:330px}
@media(min-width:1001px){
 .card-inspector{padding-left:6px;grid-template-rows:auto auto;row-gap:0;align-items:center}
 .card-inspector>.battle-card{grid-column:1;grid-row:1;margin:0;width:min(100%,330px,calc((100cqh - 120px)*.714));justify-self:start}
 .card-inspector>.inspector-copy{grid-column:2;grid-row:1/3}
 .card-inspector>#hand-hint{grid-column:1;grid-row:2;align-self:start}
 .hand-entry{width:calc((100% - (var(--hand-slots,6) - 1)*10px)/var(--hand-slots,6))}
}
/* Newly drawn cards keep their arrival time across selection and filter renders. */
.hand-entry-new{z-index:5}
.hand-entry-new::after{content:'';position:absolute;inset:-2px;border:2px solid #e4d28e;border-radius:6px;pointer-events:none;z-index:4;animation:hand-draw-glow 6s ease-out both;animation-delay:var(--draw-elapsed,0ms)}
.drawn-card-label{position:absolute;right:6px;top:7px;z-index:5;pointer-events:none;padding:4px 7px;border-radius:3px;background:#d9c68a;color:#17271e;font-size:9px;font-weight:700;letter-spacing:1px;animation:hand-draw-label 6s linear both;animation-delay:var(--draw-elapsed,0ms)}
@keyframes hand-draw-enter{from{opacity:0;transform:translate(30px,-20px) scale(.92)}to{opacity:1;transform:none}}
@keyframes hand-draw-glow{0%,20%{opacity:1;box-shadow:0 0 22px #e4d28e88}50%{opacity:.8;box-shadow:0 0 12px #e4d28e44}100%{opacity:0;box-shadow:none}}
@keyframes hand-draw-label{0%,80%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hand-entry-new{animation:none}.hand-entry-new::after{animation:none;box-shadow:none}}
/* Ownership is visible even with an empty arena. */
.field-slot:not([data-unit])[data-player="0"]{border-color:#a5b68b66;background:linear-gradient(135deg,#32432b33,#17291d88)}
.field-slot:not([data-unit])[data-player="1"]{border-color:#b79a8260;background:linear-gradient(135deg,#73544020,#25291e77)}
.field-slot[data-player="0"] .slot-placeholder{color:#afbf9699}
.field-slot[data-player="1"] .slot-placeholder{color:#c1a58e99}
.slot-owner-number{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:1px;color:#b5c39eaa;pointer-events:none}
.field-slot[data-player="1"] .slot-owner-number{color:#c1a58eaa}
.field-slot:nth-child(3),.field-slot:nth-child(5){top:38.5%}
.player-field .field-slot:nth-child(3),.player-field .field-slot:nth-child(5){top:61.5%}
.field-slot.play-target:not([data-unit]){border:1px dashed #d8c37a;background:#b6ad4c1a}
@media(max-width:760px){.slot-owner-number{font-size:6px;bottom:-12px}.slot-placeholder small{font-size:5px;letter-spacing:.5px}}
.battle-card .card-ability{text-align:center}
.card-cost{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.card-cost-value{display:block;line-height:1;font-variant-numeric:lining-nums tabular-nums;transform:translateY(-.07em)}
@media(min-width:1001px){.card-inspector{grid-template-columns:min(40%,330px,calc((100cqh - 120px)*.714)) minmax(0,1fr);column-gap:28px}}
@media(max-width:760px){.game-nav{gap:14px;flex-wrap:wrap}.game-nav button{font-size:10px}.game-nav button>span{margin-right:3px}}
.sound-toggle{background:none;color:#a9b695;padding:5px;display:grid;place-items:center;flex-shrink:0}
.sound-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sound-toggle .sound-muted{display:none}.sound-toggle[data-enabled="false"] .sound-muted{display:block}.sound-toggle[data-enabled="false"] .sound-waves{display:none}
.sound-toggle:hover,.sound-toggle:focus-visible{color:#e2ce8a;outline:1px solid #a99a6470;border-radius:3px}
.audio-preferences{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.audio-preferences label{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.audio-preferences input{accent-color:#bba96d;width:17px;height:17px}.audio-settings-dialog{max-width:620px}@media(max-width:550px){.audio-preferences{grid-template-columns:1fr}}
.audio-volume { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(80px, 1fr) 3em; align-items: center; gap: 12px; margin: 10px 0; }
.audio-volume input { width: 100%; accent-color: #c6b472; }
.audio-volume output { font-variant-numeric: tabular-nums; text-align: right; }
.audio-preferences { display: block; }
.audio-preferences .audio-volume { display: grid; }
.audio-preferences .audio-volume input { width: 100%; height: auto; }
.audio-preferences .audio-volume label input[type=checkbox] { width: 16px; height: 16px; flex: none; }
.audio-volume { grid-template-columns: minmax(160px,1.5fr) minmax(80px,1fr) 3em; font-size: 12px; margin: 8px 0; }
.audio-preferences { margin-top: 14px; }
.settings-tabs { display: flex; gap: 16px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }
.settings-tabs button { background: none; color: var(--muted); padding: 10px 6px; border-bottom: 2px solid transparent; }
.settings-tabs button[aria-selected=true] { color: var(--gold); border-bottom-color: var(--gold); }
.auto-turn-option { display: flex; align-items: start; gap: 10px; margin: 18px 0; line-height: 1.6; }
.auto-turn-option input { margin-top: 5px; accent-color: var(--gold); }
#end-turn { --turn-fill-duration: 3.5s; }
.own-corner #end-turn { width: 53%; }
.own-corner #surrender { position: absolute; bottom: 10px; left: 57%; width: 27%; padding: 8px 2px; font-size: 9px; min-height: 34px; color: var(--muted); background: transparent; }
.own-corner #surrender:hover:not(:disabled) { color: #dfbca2; }
.own-corner #surrender:disabled { opacity: .4; cursor: default; }
#card-inspector .no-ability,.card-dialog-content .no-ability { position: absolute; bottom: 35px; left: 8px; right: 8px; font-style: italic; text-align: center; opacity: .75; }
@media(max-width:760px){.audio-volume{grid-template-columns:minmax(125px,1.5fr) minmax(55px,1fr) 3em;gap:6px}.own-corner #surrender{bottom:8px;font-size:8px;padding:5px 1px;min-height:28px}}
.audio-settings-dialog { height: min(720px, 90dvh); overflow: hidden; }
.audio-settings-dialog[open] { display: flex; flex-direction: column; }
.audio-settings-dialog > h2,.audio-settings-dialog > .settings-tabs { flex: none; }
.audio-settings-dialog > [role=tabpanel] { flex: 1; min-height: 0; overflow-y: auto; scrollbar-gutter: stable; padding-right: 8px; }
.card-art { position: relative; }
.guardian-emblem { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); z-index: 2; display: grid; place-items: center; width: 22%; max-width: 37px; min-width: 16px; aspect-ratio: 1; border-radius: 50%; background: #10261de8; color: #ddd09b; box-shadow: 0 1px 5px #0006; }
.guardian-emblem svg { width: 60%; height: 72%; fill: #344c35; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.arena-voice { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); display: none; align-items: center; justify-content: center; gap: 2px; height: 10px; width: 24%; max-width: 27px; pointer-events: none; z-index: 3; color: #e1e5b9; }
.is-speaking > .arena-voice { display: flex; }
.arena-voice i { display: block; width: 2px; height: 7px; border-radius: 2px; background: currentColor; opacity: .8; animation: card-speaking .72s ease-in-out infinite alternate; }
.arena-voice i:nth-child(2),.arena-voice i:nth-child(4) { height: 10px; animation-delay: -.35s; }
.arena-voice i:nth-child(3) { animation-delay: -.55s; }
@keyframes card-speaking { from { transform: scaleY(.3); } to { transform: scaleY(1); } }
@media(prefers-reduced-motion:reduce) { .arena-voice i { animation: none; } }
.arena-voice { bottom: 7px; }
.opponent-target .npc-voice { position:relative; left:auto; bottom:auto; transform:none; width:27px; height:12px; margin:6px 0 0 auto; }
.opponent-target.npc-speaking .npc-voice { display:flex; }
.detail-navigation { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; padding-top:12px; border-top:1px solid #a9ab7b33; }
.detail-navigation button { background:#14271c; color:#ddcf9e; border:1px solid #a9ab7b55; border-radius:4px; padding:8px 12px; cursor:pointer; }
.detail-navigation button:disabled { opacity:.35; cursor:default; }
.detail-navigation span { color:#a6b398; font-size:11px; }
.card-status .rest-clock { width:65%; height:65%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.network-notice { position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:800;padding:10px 18px;border:1px solid #b5a56c;background:#13251ff2;color:#e9dfbe;border-radius:5px;max-width:90vw;font-size:12px; }
.card-voice-previews { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 6px; font-size: 10px; color: var(--muted); }
.card-voice-previews h3 { width: 100%; margin: 0 0 3px; font-size: 12px; }
.voice-preview-button { padding: 5px 8px; background: #13291f; color: #b9c5a4; border: 1px solid var(--line); border-radius: 4px; font-size: 10px; text-align: left; }
.voice-preview-button[aria-pressed=true] { border-color: var(--gold); color: var(--gold); }
.card-voice-previews .voice-preview-button { width: 30px; height: 30px; padding: 6px; display: inline-grid; place-items: center; }
.voice-preview-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.voice-preview-button:focus-visible { outline: 1px solid var(--gold); outline-offset: 2px; }
.field-slot:nth-child(2) { left: 32%; }
.field-slot:nth-child(4) { left: 68%; }
.attack-guides { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 8; pointer-events: none; color: #c4cba4; }
.attack-guides > path { fill: none; stroke: currentColor; stroke-width: 1.4; stroke-dasharray: 6 6; stroke-linecap: round; opacity: .48; }
.card-inspector .inspector-copy { align-self: start; padding-top: 8px; }
.collection-modes { display: flex; gap: 4px; }
.collection-modes button { background: #14271e; color: var(--muted); border: 1px solid var(--line); padding: 8px 10px; border-radius: 3px; }
.collection-modes button[aria-pressed=true] { color: var(--gold); border-color: var(--gold); }
.art-view .battle-card { overflow: visible; }
.art-view .card-art { overflow: hidden; }
.art-view .card-art { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:inherit; }
.art-view .card-art:after { background:linear-gradient(transparent 45%,rgba(4,16,12,.9)); }
.art-view .card-name { position:absolute; left:5px; right:5px; bottom:37px; z-index:1; color:#f1e8c8; text-shadow:0 2px 4px #000; }
.art-view .card-stats,.art-view .card-rarity { z-index:1; }
.art-view .guardian-emblem { bottom:70px; }
.art-view .card-subtitle,.art-view .card-type-line,.art-view .card-ability { display: none; }
.art-view .card-name { font-size: 17px; }
.inspector-match-status { display:flex; align-items:center; gap:18px; font-variant-numeric:tabular-nums; }
.inspector-match-status b { margin-left:5px; color:#ddd2a5; }
.inspector-navigation { grid-column:1; grid-row:2; display:flex; justify-content:center; align-items:center; gap:18px; padding-top:12px; color:#a5b09a; font-size:10px; }
.inspector-navigation button { width:30px; height:28px; border:1px solid #a9ab7b55; border-radius:4px; background:#14271c99; color:#dccb91; font-size:22px; cursor:pointer; }
.inspector-navigation button:disabled { opacity:.3; cursor:default; }
.enemy-corner .energy-meter { margin:12px 10px; width:52%; }
.enemy-corner .energy-meter span { font-size:6px; letter-spacing:.5px; }
.enemy-corner .energy-dots { gap:2px; }
.enemy-corner .hidden-hand { top:61px; }
.draw-emblem { position:absolute; bottom:4px; left:50%; transform:translateX(-50%); z-index:2; width:22%; max-width:37px; min-width:16px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:#10261de8; color:#ddd09b; box-shadow:0 1px 5px #0006; }
.draw-emblem svg { width:65%; height:75%; fill:none; stroke:currentColor; stroke-width:1.5; }
.draw-emblem b { position:absolute; font:700 10px/1 var(--sans); bottom:17%; left:36%; }
.heal-emblem { color:#c4d9a0; }
.heal-emblem b { left:0; right:0; text-align:center; bottom:15%; font-size:9px; }
.heal-emblem svg { fill:#45644766; }
.draw-emblem.with-guardian { left:72%; }
.haste-emblem { position:absolute; bottom:4px; left:50%; transform:translateX(-50%); z-index:2; width:22%; max-width:37px; min-width:16px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:#10261de8; color:#ddd09b; box-shadow:0 1px 5px #0006; }
.haste-emblem svg { width:60%; height:72%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; stroke-linecap:round; }
.art-view .haste-emblem { bottom:70px; }
.art-view .draw-emblem { bottom:70px; }
.card-statistics { border-top:1px solid #a9ab7b33; margin-top:16px; padding-top:10px; }
.card-statistics h3 { font-size:12px; margin:0 0 10px; }
.card-statistics dl { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 8px; }
.card-statistics dt,.card-statistics small,.card-statistics p { font-size:10px; color:#a6b398; }
.card-statistics dd { margin:4px 0; font:600 18px var(--serif); color:#ddcf9e; }
.game-nav-divider { color:#a9ab7b55; align-self:center; }
.collection-toolbar { flex-wrap:wrap; }
#collection-sort { max-width:230px; }
#card-inspector > #hand-hint { grid-column:1; grid-row:3; margin-top:10px; }
.hand-section { display:flex; flex-direction:column; }
.hand-section > .player-hand { order:0; }
.hand-section > .hand-heading { order:1; margin:8px 0 0; padding:8px 0 0; border-top:1px solid #a9ab7b33; }
.turn-limit-input { display:flex; gap:12px; align-items:center; margin-top:12px; }
.turn-limit-input input { width:80px; }
#end-turn.turn-timed:not(:disabled) { isolation:isolate; overflow:hidden; }
#end-turn.turn-timed:not(.turn-suggested):not(:disabled):before { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#78663a88,#b89b5366);transform-origin:left;transform:scaleX(var(--turn-progress,0));animation:none; }
#end-turn.turn-timed:not(.turn-suggested):after { content:attr(data-seconds);font-size:9px;margin-left:5px;font-variant-numeric:tabular-nums; }
#shuffle-deck { margin-bottom: 8px; }
.voice-preview-button { position: relative; }
.voice-tooltip { position: absolute; bottom: calc(100% + 8px); left: 0; width: max-content; max-width: 210px; padding: 7px 9px; background: #080a09; color: #f0eddb; border: 1px solid #4a5145; border-radius: 4px; font: 11px/1.4 var(--sans); box-shadow: 0 3px 12px #0007; z-index: 10; pointer-events: none; visibility: hidden; opacity: 0; }
.voice-preview-button:hover .voice-tooltip,.voice-preview-button:focus-visible .voice-tooltip { visibility: visible; opacity: 1; }

.hand-card .card-ability{display:none}
#game-floating-tooltip{position:fixed;z-index:9999;max-width:220px;padding:7px 9px;border:1px solid #4a5145;border-radius:4px;background:#080a09;color:#f0eddb;font:11px/1.4 var(--sans);box-shadow:0 3px 12px #0007;pointer-events:none}
.online-history{margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}.online-history h3{font:24px var(--serif);margin:0 0 14px}.online-history ul{list-style:none;padding:0;max-height:240px;overflow:auto}.online-history li{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:9px 0;font-size:12px;border-bottom:1px solid #81906422}.online-history li strong{font-weight:500;color:#d2bb7d}

.card-art img[data-portrait-eye-x]{max-width:none;max-height:none;right:auto;bottom:auto}