@font-face{font-family:ThreefoldUI;src:url('assets/fonts/BarlowCondensed-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:ThreefoldUI;src:url('assets/fonts/BarlowCondensed-SemiBold.woff') format('woff');font-weight:600 900;font-display:swap}
@font-face{font-family:ThreefoldPower;src:url('assets/fonts/Teko.woff') format('woff');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--ivory:#eee9d9;--muted:#aaa89a;--gold:#d2b775;--edge:#796b4e;--ink:#101b19;--line:#5f6556;--ui:ThreefoldUI,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080c0c}body{font:18px var(--ui);color:var(--ivory)}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid #f4d58b;outline-offset:4px}button{touch-action:manipulation}button:hover:not(:disabled){color:#fff7df}h1,h2,h3,p{margin:0}h1,h2,h3{text-transform:uppercase;font-weight:600}input,select{border:1px solid #737260;background:#111d1b;color:var(--ivory);border-radius:0;padding:9px 12px}input[type=checkbox]{width:23px;height:23px;accent-color:#cbb273}input[type=range]{accent-color:#cbb273;padding:0}select{cursor:pointer}b,strong{font-weight:600}i{font-style:normal}kbd{font-family:var(--ui);font-size:12px;border:1px solid #777060;padding:1px 5px;opacity:.7}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:28px;height:28px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linejoin:round;flex-shrink:0}.icon .engraving{fill:none;stroke:#332d24;stroke-width:1}#viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}#stage{position:absolute;width:1280px;height:720px;flex-shrink:0;transform-origin:center;overflow:hidden;background:#17221e url('assets/table.webp') center/cover;box-shadow:0 0 100px #000}#screen{position:absolute;inset:0}.menu-screen{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#253b32ce,#0d1716ed 78%),linear-gradient(#1e251bcc,#0b191ae8)}.menu-screen:after{content:'';position:absolute;inset:9px;border:1px solid #b09a5b25;pointer-events:none}.account-header{position:absolute;top:0;left:0;right:0;height:88px;display:flex;align-items:center;padding:0 40px;border-bottom:1px solid #9b956b30;background:linear-gradient(#08100ebf,#16221a30)}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8f876460;background:#0b171480}.icon-button .icon{width:26px;height:26px;color:#d7c69c}.header-mark{margin-left:22px;color:#c3aa70;font:600 33px ThreefoldPower;letter-spacing:1px}.header-mark span{font:600 18px var(--ui);letter-spacing:4px;margin-left:12px;color:#b6b8a7}.wallet{display:flex;margin-left:auto;gap:30px;padding-right:32px;margin-right:25px;border-right:1px solid #867c5d60}.wallet>div{display:flex;align-items:center;gap:9px;min-width:68px}.wallet .icon{width:28px;height:28px;color:#d4b464}.wallet>div:nth-child(2) .icon{color:#b34f52}.wallet span{display:flex;flex-direction:column;gap:0}.wallet small{font-size:12px;letter-spacing:2px;color:#b3b6a5}.wallet b{font:500 26px ThreefoldPower;line-height:25px}.account{display:flex;align-items:center;gap:13px;min-width:160px;text-align:left;padding:0}.avatar{display:grid;place-items:center;width:49px;height:49px;border:1px solid #a68c52;background:linear-gradient(135deg,#4a5240,#17251f);box-shadow:inset 0 0 0 4px #141f1a}.account strong{display:block;font-size:20px;letter-spacing:1px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:12px;letter-spacing:1px;color:#aeb39d}.eyebrow{color:#b9ac82;letter-spacing:3px;font-size:13px;font-weight:600;text-transform:uppercase}.home-heading{position:absolute;top:115px;left:0;right:0;text-align:center}.wordmark{font-size:78px;line-height:1.05;letter-spacing:15px;text-indent:15px;color:#e8ddbc;text-shadow:0 3px 1px #050a07,0 0 25px #d2b36720}.heading-rule{display:flex;gap:15px;justify-content:center;align-items:center;font-size:13px;letter-spacing:3px;color:#c8c8b0;margin-top:7px}.heading-rule i{width:100px;height:1px;background:linear-gradient(90deg,transparent,#9b8b5f)}.heading-rule i:last-child{transform:rotate(180deg)}.mode-grid{position:absolute;left:84px;right:84px;top:278px;height:360px;display:grid;grid-template-columns:1.14fr 1fr 1fr;grid-template-rows:repeat(3,1fr);gap:13px}.practice-tile{grid-row:span 3;position:relative;text-align:left;overflow:hidden;border:1px solid #b49c60;outline:1px solid #333e31;outline-offset:4px;padding:26px 27px;display:flex;align-items:flex-end;background:radial-gradient(ellipse at 50% 10%,#65745490,transparent 72%),linear-gradient(120deg,#24332aeb,#0a1816f0);box-shadow:inset 0 0 0 5px #151f16,0 12px 20px #0004}.practice-tile:before,.practice-tile:after{content:'◆';position:absolute;top:10px;font-size:12px;color:#b49c60}.practice-tile:before{left:11px}.practice-tile:after{right:11px}.practice-tile h2{font-size:43px;letter-spacing:3px;line-height:1.1;margin:8px 0}.practice-tile p:not(.eyebrow){color:#c1c7b5;line-height:1.25;font-size:18px}.tile-cta{display:block;border-top:1px solid #b29e6750;padding-top:15px;margin-top:20px;color:#dbc78f;font-size:16px;letter-spacing:2px;width:288px}.tile-cta b{float:right;font-size:28px;line-height:18px}.practice-art{position:absolute;top:20px;left:40px;right:40px;height:100px;display:flex;justify-content:center;align-items:center;gap:9px;opacity:.6;pointer-events:none}.practice-art .icon{width:47px;height:72px;padding:8px;color:#d2c18f;filter:drop-shadow(0 2px 2px #000);transform:rotate(-12deg)}.practice-art .icon:nth-of-type(2){transform:translateY(-9px)}.practice-art .icon:last-child{transform:rotate(12deg)}.practice-lines{position:absolute;inset:8px 30px;border-top:1px solid #bca96950;border-bottom:1px solid #bca96950;transform:rotate(-3deg)}.practice-tile:hover{border-color:#eed697;box-shadow:inset 0 0 0 5px #263324,0 12px 20px #0004}.mode-tile{position:relative;display:flex;align-items:center;text-align:left;padding:17px 17px;gap:17px;border:1px solid #74765c66;background:linear-gradient(130deg,#28382c99,#111f1bbb);box-shadow:inset 0 0 0 3px #122019;overflow:visible}.mode-icon{display:grid;place-items:center;width:43px;height:52px;border-right:1px solid #7d816142;padding-right:15px;opacity:.58}.mode-icon .icon{width:28px;height:32px}.mode-copy strong{display:block;text-transform:uppercase;font-size:23px;letter-spacing:1.3px;color:#b4b9a7}.mode-copy small{display:block;font-size:15px;color:#889783;margin-top:3px}.mode-tile>.icon{margin-left:auto;width:15px;height:20px;opacity:.4}.unavailable{position:relative;cursor:default}.coming-tooltip{position:absolute;z-index:10;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#070f0c;border:1px solid #9e8c59;padding:6px 15px;color:#efdfb7;font-size:17px;letter-spacing:.5px;box-shadow:0 5px 15px #0008;visibility:hidden;opacity:0;pointer-events:none;text-transform:none}.unavailable:hover .coming-tooltip,.unavailable:focus-visible .coming-tooltip{visibility:visible;opacity:1}.menu-footer{position:absolute;left:40px;right:40px;bottom:21px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#869180}.menu-footer i{margin:0 8px;color:#a79869}.back-button{position:absolute;top:112px;left:61px;font-size:16px;letter-spacing:2px;color:#c6b887}.page-heading{position:absolute;left:0;right:0;top:126px;text-align:center;pointer-events:none}.page-heading h1{font-size:43px;letter-spacing:3px;margin:5px 0}.page-heading>p:last-child:not(.eyebrow){font-size:17px;color:#aebba8}.starter-grid{position:absolute;top:250px;left:85px;right:85px;height:330px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.starter{border:1px solid #6d796055;background:#15251eb8;position:relative;box-shadow:inset 0 0 0 4px #152019}.starter.active{border-color:#cebb7c;box-shadow:inset 0 0 0 4px #28372a,0 0 25px #bdae6020}.starter-select{display:block;width:100%;height:280px;text-align:center;padding:15px 19px;position:relative}.starter-emblem{position:absolute;top:-24px;left:calc(50% - 25px);width:50px;height:50px;border:1px solid #938761;transform:rotate(45deg);display:grid;place-items:center;background:#233628;box-shadow:inset 0 0 0 4px #14231c}.starter-emblem .icon{transform:rotate(-45deg);width:31px;height:31px;color:#caba87}.starter-select>small{display:block;font-size:11px;letter-spacing:2px;margin-top:25px;color:#aab69b}.starter h2{font-size:28px;letter-spacing:1px;margin:4px 0 6px}.starter p{font-size:16px;color:#a9b8a0;max-width:245px;margin:auto;line-height:1.2}.starter-mini{height:112px;display:flex;justify-content:center;gap:7px;align-items:center;margin:8px 0}.starter-mini .card{width:62px;height:94px;flex-shrink:0}.starter-mini .card:nth-child(2){transform:translateY(-4px)}.starter-count{font-size:12px;letter-spacing:1px;color:#bdbd9d}.starter-count i{margin:0 7px;color:#b29b61}.accessory-button{height:48px;border-top:1px solid #78805b55;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;letter-spacing:2px;color:#c6bc96;background:#111c1877}.accessory-button .icon{width:21px;height:21px}.accessory-button>span{margin-left:auto;position:absolute;right:22px;font-size:25px}.practice-bottom{position:absolute;left:85px;right:85px;top:605px;display:flex;align-items:center;justify-content:space-between}.practice-bottom>span{font-size:12px;color:#91a08c;letter-spacing:2px}.practice-bottom>span i{margin:0 10px}.primary-button{border:1px solid #baa16c;background:linear-gradient(#d5c58f,#a59358);box-shadow:inset 0 0 0 3px #ded3a14a,0 3px 7px #0005;color:#19251b!important;font-weight:600;letter-spacing:2px;font-size:17px;padding:12px 25px;min-width:195px}.primary-button:hover:not(:disabled){background:linear-gradient(#e6d6a0,#b7a567)}.primary-button b{font-size:23px;line-height:14px;padding-left:30px}.primary-button:disabled{opacity:.35}.text-button{font-size:15px;letter-spacing:1.5px;color:#c9c09b;padding:8px}.profile-layout{position:absolute;top:243px;left:137px;right:137px;height:401px;display:grid;grid-template-columns:300px 1fr;gap:45px}.profile-editor{border:1px solid #7e84615c;background:#14241da8;padding:19px 27px;position:relative;text-align:center}.large-avatar{width:71px;height:71px;display:grid;place-items:center;border:1px solid #c3ab74;margin:0 auto 5px;background:#35432d;position:relative;box-shadow:inset 0 0 0 5px #17271f}.large-avatar>.icon{width:50px;height:50px}.large-avatar>span{position:absolute;right:-14px;bottom:-8px;font-size:22px;text-shadow:0 2px 4px #000}.profile-editor h2{font-size:23px;letter-spacing:1px;margin:8px 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-editor label{display:block;text-align:left;font-size:12px;letter-spacing:2px;color:#adb99f;margin-top:13px}.profile-editor input,.profile-editor select{display:block;width:100%;font-size:18px;letter-spacing:.5px;margin-top:5px;padding:7px 10px;height:39px}.profile-editor .primary-button{font-size:14px;margin-top:20px;padding:9px 17px;width:100%}.profile-record{display:grid;grid-template-columns:1fr 1fr;gap:17px}.rank-block{grid-column:span 2;display:flex;gap:23px;align-items:center;border-bottom:1px solid #7d846255;padding:0 12px 18px}.rank-block>.icon{width:64px;height:64px;color:#aba878}.rank-block small{font-size:11px;letter-spacing:2px;color:#aeb398}.rank-block h2{font-size:29px;letter-spacing:2px}.rank-block p{font-size:15px;color:#91a388}.season-block{position:relative;border-right:1px solid #7d846244;padding-right:21px}.season-block .eyebrow{font-size:11px;letter-spacing:1.3px}.season-block h2{font:600 80px ThreefoldPower;line-height:1.1;margin-top:8px}.season-block h2 span{font-size:37px;color:#b0b798;margin-left:4px}.season-block p{font-size:12px;letter-spacing:1px;color:#9fac95}.season-block p i{margin:0 7px}.season-counts{display:flex;gap:14px;margin:17px 0}.season-counts span{font-size:10px;color:#b1b99a;letter-spacing:1px}.season-counts b{display:block;font:500 28px ThreefoldPower;color:#e2dfc7}.season-block .text-button{font-size:11px;padding-left:0}.lifetime h3{font-size:14px;letter-spacing:1px;margin-bottom:14px}.lifetime h3 small{display:block;font-size:11px;color:#829b80;margin-top:4px}.lifetime>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #7d846233;font-size:18px}.lifetime .icon{width:24px;height:27px;color:#9fae8b}.lifetime b{margin-left:auto;font:500 28px ThreefoldPower;color:#d5ca9f}
/* Every battlefield coordinate is in the same 1280 x 720 space. */
.battle-screen{position:absolute;inset:0;background:linear-gradient(90deg,#111b19e0,transparent 22%,transparent 79%,#111b19ee),linear-gradient(#10221b77,#11251d22 45%,#14251c77)}.match-label{position:absolute;left:35px;top:109px;font-size:12px;letter-spacing:2px;color:#c0b28b}.match-label i{padding:0 6px}.battle-settings{position:absolute;right:27px;top:108px;width:34px;height:34px;z-index:4}.battle-settings .icon{width:22px;height:22px}.rail{position:absolute;left:0;right:0;height:107px;background:linear-gradient(#14211ee8,#0b1412b0);border-bottom:1px solid #777b5755;display:flex;align-items:center}.enemy-rail{top:0}.player-rail{bottom:0;border-bottom:0;border-top:1px solid #777b5755;background:linear-gradient(#0b1412aa,#14211ef0)}.rail-profile{position:absolute;left:25px;top:25px;width:230px;display:flex;gap:13px;align-items:center}.rail-profile>span{width:47px;height:57px;display:grid;place-items:center;background:#3f5542;border:1px solid #a29c70;box-shadow:inset 0 0 0 4px #203829}.rail-profile>span .icon{width:32px;height:34px;color:#c1c7a3}.rail-profile strong{display:block;font-size:20px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-profile small{font-size:13px;color:#a3b392}.hand-count{position:absolute;left:268px;display:flex;align-items:center;font:500 28px ThreefoldPower;color:#c4c9af;gap:2px}.hand-count .icon{width:20px;height:25px}.leader{position:absolute;left:316px;top:12px;width:58px;height:83px;border:2px solid #a58e4e;background:linear-gradient(145deg,#4b573b,#172d25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 0 2px #16261b}.leader>.icon{width:35px;height:37px;color:#d4be7f}.leader small{font-size:10px;letter-spacing:1px}.leader:disabled:not(.used){opacity:.85}.leader.used{filter:grayscale(1);opacity:.3}.hand{position:absolute;left:400px;top:8px;width:625px;height:91px;display:flex;gap:5px;justify-content:center;align-items:center}.hand>.card{width:var(--hand-card-width);height:calc(var(--hand-card-width)*1.47);max-height:91px;flex:none}.enemy-hand>.card{width:52px;height:79px}.player-hand>.card:hover{transform:translateY(-7px)}.card{position:relative;display:block;width:100%;height:100%;padding:0;border:2px solid #9a7449;background:linear-gradient(120deg,#d2ad72,#604c2e,#e1c48a);box-shadow:0 2px 4px #000a,inset 0 0 0 1px #251d10;border-radius:1px;overflow:hidden;flex-shrink:0}.card.silver{border-color:#d7d5c3;background:linear-gradient(120deg,#dddcc9,#66716e,#f4edd9)}.card.gold{border-color:#dfbd5a;background:linear-gradient(120deg,#e4c85d,#78601b,#fbdf7f)}.card>img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;user-select:none}.card:before{content:'';position:absolute;z-index:2;inset:1px;border:1px solid #52402566;pointer-events:none}.pennant{position:absolute;z-index:3;left:0;top:0;width:30%;min-height:39%;background:linear-gradient(100deg,#1e4c34,#3d7350 50%,#1b432c);clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%);display:flex;flex-direction:column;align-items:center;padding:0 0 8%;filter:drop-shadow(1px 1px 1px #000)}.power{display:block;font-family:ThreefoldPower,sans-serif;font-size:clamp(19px,1em,56px);font-weight:600;line-height:1.05;color:#fff9e8;-webkit-text-stroke:.6px #131a13;paint-order:stroke fill;text-shadow:0 2px 1px #000}.power.boosted{color:#8ff59b}.power.damaged{color:#f07a63}.pennant>.icon{width:68%;height:auto;aspect-ratio:1;color:#f2ead0;stroke-width:2.2;filter:drop-shadow(0 1px 1px #000)}.card-kind{position:absolute;bottom:1px;left:1px;right:1px;background:#17221ae8;color:#e2dec4;text-transform:uppercase;font-size:7px;line-height:11px;letter-spacing:.5px;text-align:center;white-space:nowrap;overflow:hidden}.hand .card{font-size:27px}.small-card{font-size:25px}.starter-mini .card{font-size:30px}.card.selected{border-color:#ffe298;box-shadow:0 0 0 2px #f2d68e,0 0 15px #ffe09d99}.card-back{border-color:#b69b61!important;background:repeating-linear-gradient(45deg,#213b31 0 3px,#294637 3px 6px);box-shadow:inset 0 0 0 4px #13291f,inset 0 0 0 5px #bba473,0 2px 4px #000a}.card-back:after{content:'';position:absolute;inset:8px;border:1px solid #baa16b;opacity:.8}.card-back>span{display:grid;place-items:center;position:absolute;inset:21%;border:1px solid #bdaa74;transform:rotate(45deg);background:#203c2d}.card-back .icon{width:80%;height:80%;transform:rotate(-45deg);color:#bda66b}.back-sun{background:repeating-linear-gradient(-45deg,#4c3125 0 3px,#614232 3px 6px)}.back-sun>span{background:#583c26}.back-thorn{background:repeating-linear-gradient(45deg,#293e42 0 3px,#315057 3px 6px)}.back-thorn>span{background:#29464a}.piles{position:absolute;left:1062px;top:7px;right:24px;height:96px;display:flex;gap:19px;align-items:flex-start}.pile{width:67px;height:88px;position:relative;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.pile>.icon{width:43px;height:66px;color:#b9bda0;border:1px solid #5e6850;background:#101e16}.pile>.card-back{width:44px;height:66px}.pile>b{position:absolute;top:43px;right:2px;font:600 28px ThreefoldPower;color:#eee9d1;text-shadow:0 2px 1px #000}.pile>small{font-size:10px;letter-spacing:1px;margin-top:3px;color:#b8b79d}.left-hud{position:absolute;top:138px;left:25px;width:213px;height:455px;text-align:center}.best-of{position:absolute;left:0;right:0;top:0;font-size:11px;letter-spacing:2px;color:#a8af96}.scoreboard{position:absolute;width:167px;left:23px;height:119px}.enemy-score{top:24px}.player-score{bottom:25px}.scoreboard>small{font-size:11px;letter-spacing:2px;color:#b8b99e}.score-banner{position:relative;height:65px;width:105px;margin:4px auto;background:linear-gradient(90deg,#1d3526,#3f5540,#182d21);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);border-top:1px solid #8d9566;display:flex;align-items:center;justify-content:center;gap:9px;padding-bottom:7px}.enemy-score .score-banner{background:linear-gradient(90deg,#3e3528,#65523a,#342d22);border-color:#a08b5c}.score-banner>.icon{width:25px;height:25px;color:#c4c4a5}.score-banner>strong{font:600 56px ThreefoldPower;line-height:1;text-shadow:0 2px 2px #000}.round-gems{display:flex;justify-content:center;gap:13px;margin-top:8px}.round-gems>i{display:block;width:10px;height:10px;transform:rotate(45deg);border:1px solid #a39b72;background:#14241c}.round-gems>i.won{background:#c44032;border-color:#e2a46a;box-shadow:0 0 7px #f3583b66}.passed{font-size:13px;color:#cba268;letter-spacing:3px;display:block;height:17px;margin-top:5px}.turn-coin{position:absolute;top:172px;left:69px;width:76px;height:76px;border:5px ridge #ba9750;border-radius:50%;background:radial-gradient(#ead49b,#a98c4c 65%,#68522b);box-shadow:0 4px 9px #000a,inset 0 0 0 4px #7e632c;transform-style:preserve-3d;opacity:1!important}.turn-coin:disabled{filter:saturate(.7)}.turn-coin>span{position:absolute;inset:9px;display:grid;place-items:center;backface-visibility:hidden}.turn-coin .icon{width:47px;height:47px;color:#72532a;stroke:#574123;stroke-width:.5;filter:drop-shadow(0 1px 0 #f3dda3)}.coin-back{transform:rotateY(180deg)}.turn-coin.enemy-turn{transform:rotateY(180deg)}.turn-coin.flipping{animation:coinFlip .8s cubic-bezier(.2,.6,.4,1)}.turn-coin.enemy-turn.flipping{animation:coinFlipEnemy .8s cubic-bezier(.2,.6,.4,1)}@keyframes coinFlip{0%{transform:rotateY(180deg) translateY(0)}50%{transform:rotateY(540deg) translateY(-25px)}100%{transform:rotateY(1080deg)}}@keyframes coinFlipEnemy{0%{transform:rotateY(0)}50%{transform:rotateY(540deg) translateY(-25px)}100%{transform:rotateY(900deg)}}.turn-status{position:absolute;top:260px;left:0;right:0;font-size:13px;letter-spacing:2px;color:#e0ce9d}.pass-button{position:absolute;top:284px;left:51px;width:113px;height:31px;font-size:14px;letter-spacing:2px;border:1px solid #8d8159;background:#13251b}.pass-button kbd{font-size:10px;margin-left:6px;letter-spacing:0}.battle-log{position:absolute;bottom:-5px;left:0;right:0;font-size:11px;color:#a7b094}.battlefield{position:absolute;left:285px;top:126px;width:718px;height:464px;display:flex;flex-direction:column;gap:8px}.board-half{position:relative;height:228px;flex-shrink:0;background:linear-gradient(90deg,#27352126,#293e2c12,#2f392216);isolation:isolate}.enemy-half{background-color:#66512f14}.trim-layer{position:absolute;inset:-6px -7px;pointer-events:none;z-index:3}.trim-layer svg{width:100%;height:100%;overflow:visible}.rows{position:absolute;inset:7px 9px;display:flex;flex-direction:column}.battle-row{position:relative;height:71.33px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #bdbfa225;box-shadow:0 2px 4px #0001}.battle-row:last-child{border-bottom:0}.battle-row.valid{background:#a7c47a29;box-shadow:inset 0 0 0 1px #c8dc8b99;cursor:pointer}.battle-row.valid:hover{background:#b9da9050;box-shadow:inset 0 0 0 2px #e3e8a8}.row-score{position:absolute;left:-52px;top:16px;width:39px;height:39px;border:2px ridge #9b9f83;border-radius:50%;background:radial-gradient(#e5e5d4,#a7ae94);color:#192519;text-align:center;font:600 31px ThreefoldPower;line-height:36px;box-shadow:0 2px 5px #0007;z-index:3}.row-emblem{position:absolute;left:12px;top:16px;opacity:.16;pointer-events:none}.row-emblem>.icon{width:33px;height:38px;color:#e5e8c6}.row-label{position:absolute;right:9px;top:3px;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#bdc8a933}.row-cards{height:100%;width:620px;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:none}.row-cards>.card{width:var(--row-card-width);height:calc(var(--row-card-width)*1.43);max-height:67px;pointer-events:auto}.inspect-panel{position:absolute;left:1043px;top:151px;width:189px;height:425px}.inspect-panel>.card{width:157px;height:229px;margin:0 auto;font-size:66px;border-width:3px}.inspect-panel .pennant{padding-bottom:6%}.inspect-panel .power{font-size:56px;-webkit-text-stroke:1px #182018}.inspect-panel .card-kind{font-size:10px;line-height:17px;letter-spacing:1px}.preview-info{padding:13px 7px 0;border-top:1px solid #8e8b6770;margin-top:13px}.preview-info h2{font-size:22px;line-height:1.05;color:#e7e3cf;letter-spacing:.3px}.preview-info>small{display:block;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#b3b497;margin:6px 0}.preview-info p{font-size:15px;line-height:1.2;color:#c1c7af}.preview-note{display:block;font-size:9px;letter-spacing:.8px;color:#a6ac8e;margin:11px 7px}.preview-empty{text-align:center;margin-top:140px;color:#a4b493;letter-spacing:2px}.preview-empty small{font-size:13px;letter-spacing:0}.battle-instruction{position:absolute;left:299px;top:596px;width:724px;height:17px;text-align:center;font-size:12px;color:#c6cbb1;line-height:15px}.battle-instruction button{font-size:11px;letter-spacing:1px;color:#e5cf8d;text-decoration:underline}.board-signature{position:absolute;right:28px;top:592px;font-size:12px;letter-spacing:3px;color:#9d9f7b}
/* Menus are windows inside the game canvas, never browser-sized pages. */
#overlayHost{position:absolute;inset:0;z-index:30;background:#04100edb;display:grid;place-items:center;backdrop-filter:blur(3px)}#overlayHost[hidden]{display:none}.game-window{position:relative;width:516px;max-height:662px;padding:32px 39px;background:radial-gradient(ellipse at 50% 0,#2b4237,#142821 75%);border:1px solid #9f9467;outline:4px solid #0a1813;box-shadow:inset 0 0 0 5px #213628,0 16px 70px #000b;overflow:visible}.game-window:before,.game-window:after{content:'◆';position:absolute;top:10px;color:#aa9d6b;font-size:10px}.game-window:before{left:11px}.game-window:after{right:11px}.wide-window{width:1110px;padding:29px 35px;height:609px}.close-window{position:absolute;right:14px;top:9px;width:33px;height:33px;font:400 32px var(--ui);color:#b4b594;z-index:2}.window-heading{text-align:center;min-height:88px}.window-heading h1{font-size:39px;letter-spacing:3px;margin:3px 0 8px;line-height:1.1}.window-heading>p:last-child:not(.eyebrow){font-size:17px;line-height:1.25;color:#b7c2a8}.window-heading b{color:#e3d09d;margin-left:12px}.settings-list{padding:13px 0 9px}.settings-list label{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:47px;font-size:14px;letter-spacing:1.3px;border-bottom:1px solid #7a8c6340}.settings-list select{font-size:15px;letter-spacing:.3px;width:224px;height:38px;padding:6px 9px}.setting-note{font-size:13px;color:#8d9e84;margin-top:8px}.setting-fullscreen{border:1px solid #8f966b77;width:100%;padding:7px 12px;margin:15px 0 5px;font-size:15px;letter-spacing:1.3px;display:flex;align-items:center;justify-content:center;gap:10px}.setting-fullscreen .icon{width:22px;height:22px}.settings-list input[type=range]{width:224px}.settings-done{display:block;margin:17px auto 0;width:100%}.danger-button{border:1px solid #aa6750;background:linear-gradient(#633c30,#35251e);color:#f3ceaa;padding:10px 20px;font-size:15px;letter-spacing:2px;display:block}.game-window>.danger-button{width:100%;margin-top:8px}.confirm-actions{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:10px}.confirm-actions button{min-width:180px}.accessory-tabs{display:flex;justify-content:center;gap:5px;margin:8px 0 26px}.accessory-tabs button{padding:10px 25px;border-bottom:2px solid #6c815b66;font-size:17px;letter-spacing:2px;color:#9eb18c}.accessory-tabs button[aria-pressed=true]{color:#e6d19a;border-color:#d8bf7a;background:#d3ca8410}.accessory-options{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;height:310px;padding:0 8px}.accessory-option{border:1px solid #6e825c66;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#0b211b66}.accessory-option.active{border-color:#d9c58a;background:#b5bd6920}.accessory-option strong{font-size:23px;text-transform:uppercase;letter-spacing:1px;margin-top:20px}.accessory-option small{font-size:12px;letter-spacing:2px;color:#a6b18c;margin-top:5px}.trim-preview{position:relative;width:255px;height:143px;background:#314631 url('assets/table.webp') center/cover;display:flex;flex-direction:column;justify-content:space-evenly}.trim-preview svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.trim-preview i{display:block;height:1px;background:#b6bd9c44;margin:0 13px}.accessory-option>.card-back{width:105px;height:154px}.window-actions{display:flex;align-items:center;justify-content:space-between;height:64px;border-top:1px solid #7f90604d;margin-top:23px;gap:20px}.window-actions>span{font-size:13px;letter-spacing:1px;color:#aeb99a;max-width:300px}.window-actions>.icon-button{width:36px;height:36px}.window-actions .primary-button{font-size:15px;min-width:216px}.picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;height:365px;padding:18px 8px 0;position:relative}.picker-item{text-align:center;min-width:0;position:relative}.picker-item>.card{width:120px;height:177px;margin:0 auto;font-size:53px}.picker-item .card-kind{font-size:9px;line-height:15px}.picker-item .power{font-size:47px;-webkit-text-stroke:1px #182018}.picker-item h3{font-size:20px;line-height:1.04;margin:14px 0 5px;min-height:41px;letter-spacing:.3px}.picker-item>small{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#a1b28c;display:block}.picker-item>p{font-size:15px;line-height:1.12;color:#c0c8b0;margin-top:8px;max-height:66px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9d9b65 #10241c}.picker-item>.text-button{font-size:12px;position:absolute;bottom:-1px;left:0;right:0;padding:6px;color:#d9c081}.picker-item:has([data-redraw])>p{max-height:54px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;font-size:15px;color:#b4b795;white-space:nowrap}.pagination button{font-size:29px;width:29px;height:35px;border:1px solid #7e906255;line-height:25px}.empty-pile{position:absolute;top:145px;left:0;right:0;text-align:center;font-size:22px;color:#91a987}.result-scores{display:flex;align-items:center;justify-content:center;gap:34px;margin:24px 0 10px}.result-scores>div{display:flex;flex-direction:column;align-items:center}.result-scores small{font-size:11px;letter-spacing:2px;color:#a6b292}.result-scores b{font:600 79px ThreefoldPower;line-height:1.2;color:#e6dcc0}.result-scores>span{font-size:28px;color:#8a9a7a}.result-copy{text-align:center;color:#b8c3a5;font-size:17px}.result-continue{display:block;margin:25px auto 0;min-width:260px}.log-list{max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8c9561 #14281e;padding:10px 10px 10px 28px;font-size:18px;line-height:1.35;color:#b9c8a8}.log-list li{padding:6px 0;border-bottom:1px solid #8b9a6129}#toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%,15px);padding:10px 25px;background:#0a1612f5;border:1px solid #a49a68;color:#eadcb5;font-size:18px;z-index:60;box-shadow:0 5px 20px #0009;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:800px;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.no-fx *,.no-fx *:before,.no-fx *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.picker-grid{display:flex;justify-content:center}.picker-item{flex:0 0 184px;width:184px}.row-cards>.card{font-size:calc(var(--row-card-width)*.54)}.power{font-size:1em}.hand .card{font-size:calc(var(--hand-card-width)*.47)}