.avatar-picker{margin-top:36px;border-top:1px solid #75613b;padding-top:20px}.avatar-preview{display:flex;align-items:center;gap:24px;margin:20px 0}.avatar-preview img,.profile-portrait{width:144px;height:144px;object-fit:contain;border-radius:50%}.avatar-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.avatar-filters button[aria-pressed=true]{background:#4e201e;border-color:#d4b77b}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.avatar-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#14130f;border:1px solid #665637;min-width:0}.avatar-grid button[aria-pressed=true]{border:2px solid #dfc48a;background:#39241a;box-shadow:0 0 0 2px #665637}.avatar-grid button:focus-visible{outline:3px solid #edd5a0;outline-offset:3px}.avatar-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%}.avatar-grid small{font-size:13px;line-height:1.35;color:#c4b699}.user .avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}@media(max-width:600px){.avatar-preview{align-items:flex-start;gap:12px}.avatar-preview img{width:88px;height:88px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{font-family:Manrope,system-ui,sans-serif;color:#20332e;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d9ded6;border-radius:9px;background:transparent;padding:12px 18px;color:inherit;font-weight:700;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#e7ece4;transform:translateY(-2px)}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c69d4c;outline-offset:4px}.app{min-height:100vh;display:flex}aside{width:224px;flex-shrink:0;border-right:1px solid #e2e4dc;padding:38px 24px;display:flex;flex-direction:column;position:fixed;height:100vh;background:#f9f9f5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#203e34;font-weight:800;letter-spacing:2px;font-size:15px}.brand>b{font-size:48px;line-height:1}.brand small{display:block;font-size:11px;letter-spacing:6px;margin-top:5px}nav{margin-top:68px;display:grid;gap:13px}nav button{text-align:left;border:0;padding:16px;font-size:20px;font-weight:500;display:flex;gap:13px;align-items:center}nav .active{background:#e5ece2;color:#315c43}.aside-bottom{margin-top:auto;font-size:11px;color:#638072}.aside-bottom small{display:block;color:#9ca69e;margin-top:12px}.dot{display:inline-block;width:6px;height:6px;background:#5a9167;border-radius:50%;margin-right:6px}main{margin-left:224px;width:calc(100% - 224px);padding:0 48px;max-width:1800px}header{height:106px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:9px;font-weight:800;letter-spacing:1.7px}.breadcrumb span{color:#9ba59c;margin-left:10px}.user{display:flex;gap:12px;align-items:center;border:0;padding:0;font-size:12px}.avatar{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:#e5e9de;color:#547452;font-weight:800}.rating{font-size:10px;border-left:1px solid #d9ded6;padding-left:12px;color:#7b8b74}.hero{min-height:364px;background:#143d32;border-radius:18px;padding:46px 45px;display:flex;position:relative;overflow:hidden;color:#fff;box-shadow:0 15px 25px #1b3c2910}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff0a;border-radius:50%;right:-60px;top:-100px;pointer-events:none;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#91b59a}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.6vw,54px);line-height:1.08;margin:20px 0}.hero em{color:#d2dcaa;font-style:normal}.hero p{font-size:12px;line-height:1.9;color:#afc3b8;margin-bottom:24px}.primary{background:#d9e7b7;color:#274637;border:0;padding:14px 22px;font-size:12px}.primary:hover:not(:disabled){background:#c9df99}.primary span{margin-left:28px}.text-button{border:0;padding:14px 12px;font-size:12px}.hero .text-button{color:#d6e3ca}.hero-cards{position:absolute;right:8%;top:64px;width:280px;height:245px;z-index:1}.decor{position:absolute}.hero-cards .card{width:135px;height:195px;pointer-events:none;box-shadow:0 14px 30px #0005}.c1{transform:rotate(-20deg);left:0;top:8px}.c2{transform:rotate(-2deg);left:70px;top:-5px}.c3{transform:rotate(18deg);left:142px;top:23px}.hero-stamp{position:absolute;bottom:-34px;left:54px;font-size:8px;color:#a4bd9b;letter-spacing:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:32px 0 20px}.section-title h2{font-size:20px;letter-spacing:-.6px;margin:0}.section-title>span{font-size:11px;color:#939c93}.mode-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:18px}.mode{border:1px solid #dce1d6;border-radius:14px;padding:25px;position:relative;overflow:hidden;min-height:300px;background:#fafbf6}.mode.selected{border-color:#9eaf89}.mode-icon{font-size:31px;color:#537150}.tag{float:right;font-size:7px;letter-spacing:1.1px;background:#e8edde;color:#607849;padding:7px 8px;border-radius:4px;margin-top:8px}.subtle{background:#eeeee7;color:#8e9688}.mode h3{font-size:17px;margin:18px 0 8px;letter-spacing:-.3px}.mode p{font-size:11px;line-height:1.9;color:#8b958b;margin-bottom:22px}label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:10px 0;gap:10px}select,input{border:1px solid #dfe3d7;border-radius:7px;padding:9px;background:#fff;color:#4c614a;font-size:11px;max-width:100%}.mode .primary{width:100%;margin-top:14px}.mode input{width:100%;margin-bottom:12px}.buttons{display:flex;gap:8px}.buttons button{flex:1;font-size:11px}.mode>small{display:block;font-size:9px;color:#9aa18d;margin-top:20px}.learn{background:#ebeede}.learn .text-button{padding-left:0;position:relative;z-index:1}.big-spade{position:absolute;font-size:160px;right:8px;bottom:-64px;color:#d8dfc9;transform:rotate(-15deg)}footer{padding:32px 0;display:flex;justify-content:space-between;color:#9ca595;font-size:8px;letter-spacing:1px}.game-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.game-heading h2{margin:7px 0;font-size:22px}.game-heading button{font-size:11px}.table{min-height:385px;background:radial-gradient(ellipse at center,#245a47,#123e32);border-radius:100px;border:10px solid #d5d8c9;position:relative;box-shadow:inset 0 0 0 2px #a2b39255,inset 0 0 70px #001f2480;color:#d5dfcb;padding:24px 70px}.opponents{display:flex;justify-content:space-evenly;gap:15px}.opponent{display:flex;align-items:center;flex-direction:column;font-size:11px;gap:5px}.opponent small{font-size:8px;color:#a4bba9}.opponent .avatar{width:33px;height:33px}.defender{outline:2px solid #d8c789;outline-offset:3px}.backs{display:flex;padding-left:15px;margin-top:7px}.backs i,.back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#25433d,#25433d 3px,#2c4c44 3px 6px);border:2px solid #d5dfc8;border-radius:5px;color:#c4cfb0}.backs i{font-size:18px;width:25px;height:37px;margin-left:-11px;font-style:normal}.deck{position:absolute;left:20px;top:155px;display:grid;justify-items:center;gap:5px}.back{width:44px;height:64px;font-size:26px}.deck b{font-size:13px}.deck small{font-size:9px}.battle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;min-height:177px;margin-top:25px}.card{display:block;position:relative;background:#fffcf2;color:#253c36;border:1px solid #e6e2d4;border-radius:8px;width:76px;height:112px;padding:8px;text-align:left;box-shadow:0 3px 5px #0c251c22;flex-shrink:0}.card>span{font-family:Georgia,serif;font-size:20px;font-weight:700;line-height:1}.card small{display:block;font-size:16px;margin-top:2px}.card strong{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:38px}.card .corner{position:absolute;bottom:7px;right:7px;transform:rotate(180deg)}.card.red{color:#b8554c}.card:hover:not(:disabled){background:#fffef9;transform:translateY(-10px)}.hero-cards .card strong{font-size:68px}.hero-cards .card>span{font-size:28px}.hero-cards .card small{font-size:23px}.pair{position:relative;margin:0 15px 15px 0}.defense{position:absolute;left:22px;top:22px;transform:rotate(12deg)}.table-message{display:flex;flex-direction:column;align-items:center;font-size:11px;color:#adc2ad;gap:12px}.table-message>span{font-size:44px;opacity:.28}.discard{position:absolute;right:19px;top:185px;font-size:8px;display:grid;gap:5px;text-align:center}.discard b{font-size:18px}.table-caption{font-size:7px;letter-spacing:3px;text-align:center;color:#a0b99b55;margin-top:15px}.hand-area{padding:22px 0}.hand-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:20px}.hand-title span{font-weight:400;color:#84917b}.hand{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:115px}.hand .card:disabled{filter:saturate(.5);background:#e8e7df;color:#939991;box-shadow:none}.hand .card:not(:disabled){border-bottom:3px solid #879f4c}.actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.actions>span{font-size:11px;color:#87917e}.actions button{font-size:11px}.log{padding:20px;background:#fff;border-radius:12px;max-height:200px;overflow:auto;font-size:11px}.log small{color:#9ba68f;margin-right:12px}.overlay{position:fixed;inset:0;z-index:10;background:#071d1acf;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:#f8f8ef;border-radius:18px;padding:32px;max-width:620px;width:100%;max-height:90vh;overflow:auto;position:relative}.modal h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.close{position:absolute;right:15px;top:15px;border:0}.rule{display:flex;gap:20px;margin:21px 0}.rule>span{color:#9aa786;font-size:13px;padding-top:3px}.rule h3{font-size:13px;margin:0 0 7px}.rule p{font-size:12px;line-height:1.7;color:#7a8876;margin:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#253f35;color:#fff;padding:17px 24px;border-radius:10px;font-size:12px;z-index:20;box-shadow:0 6px 20px #0003;cursor:pointer}.page{padding:55px 0}.page h1{font-family:Georgia,serif;font-size:50px;font-weight:400}.page p{font-size:13px;color:#83907d}.page label{max-width:420px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.stats article{border:1px solid #dbe1d2;padding:30px;border-radius:12px;display:grid;gap:10px}.stats strong{font-family:Georgia,serif;font-size:42px}.stats span{font-size:11px;color:#8c9985}.room{padding-top:20px;font-size:12px}.room p{margin:10px 0}@media(min-width:1600px){main{padding:0 70px}.hero{min-height:440px;padding:65px}.hero-cards{right:14%;top:90px}}@media(max-width:1100px){aside{width:170px;padding:32px 15px}main{margin-left:170px;width:calc(100% - 170px);padding:0 26px}.hero-cards{right:0;transform:scale(.78);transform-origin:right center}.hero{padding:35px 28px}.hero p{max-width:240px}.mode{padding:18px}.mode-grid{gap:12px}.tag{font-size:6px}.breadcrumb{font-size:8px}}@media(max-width:800px){aside{width:76px;padding:27px 13px}.brand span,nav span,.aside-bottom{display:none}.brand{justify-content:center}.brand>b{font-size:37px}nav{margin-top:45px}nav button{justify-content:center;padding:12px}main{margin-left:76px;width:calc(100% - 76px);padding:0 20px}.breadcrumb span{display:none}.hero-cards{opacity:.4;right:-45px}.hero>div:first-child{position:relative;z-index:2}.mode-grid{grid-template-columns:1fr 1fr}.learn{grid-column:1/-1;min-height:200px}.table{padding:20px 45px;border-radius:50px}.stats{grid-template-columns:1fr 1fr}.section-title>span{display:none}}@media(max-width:500px){aside{position:fixed;bottom:0;width:100%;height:64px;padding:0 12px;border-right:0;border-top:1px solid #dce1d6;z-index:5;flex-direction:row}.brand{display:none}nav{display:flex;justify-content:space-around;margin:0;width:100%;gap:10px}nav button{width:60px;margin:6px 0}main{margin-left:0;width:100%;padding:0 16px 70px}header{height:76px}.hero{padding:30px 23px;min-height:360px}.hero h1{font-size:40px}.hero-cards{right:-100px;top:80px;opacity:.25}.hero p{font-size:11px}.mode-grid{grid-template-columns:1fr}.learn{grid-column:auto}.mode{padding:24px}.mode p br{display:none}.section-title{margin-top:26px}.section-title h2{font-size:19px}.rating{display:none}.table{border-width:5px;min-height:370px;padding:18px 35px;border-radius:35px}.opponent b{font-size:9px}.opponent small{font-size:7px}.deck{left:8px}.back{width:28px;height:43px;font-size:17px}.deck small{max-width:40px;text-align:center}.discard{right:6px}.battle{gap:6px}.card{width:59px;height:87px;padding:5px}.card>span{font-size:16px}.card small{font-size:12px}.card strong{font-size:28px}.hand{gap:5px}.hand-title{font-size:10px}.game-heading h2{font-size:18px}.table-message{font-size:9px;text-align:center}.table-caption{font-size:5px;letter-spacing:2px}.modal{padding:25px}.modal h2{font-size:26px}.stats article{padding:22px}.toast{width:90%}}.deck-cards{position:relative;width:54px;height:74px}.deck-cards .back{position:absolute;right:0;top:0}.main-trump{position:absolute;bottom:0;left:0;width:44px;height:64px;background:#fffcf2;color:#253c36;border:1px solid #e6e2d4;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 7px #001b2440;font-family:Georgia,serif}.main-trump span{font-size:23px;line-height:1;font-weight:700}.main-trump strong{font-size:26px;line-height:1.1}.main-trump.red{color:#b8554c}.deck>b{font-size:11px}@media(max-width:500px){.deck-cards{width:42px;height:65px}.main-trump{width:35px;height:54px}.main-trump span{font-size:20px}.main-trump strong{font-size:23px}.deck>b{font-size:9px}}.card-choice{border:1px solid #dce1d6;border-radius:18px;background:#f8f8ef;color:#20332e;padding:28px;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 80px #0005}.card-choice::backdrop{background:#071d1acf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-choice h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:15px 0}.card-choice p{font-size:13px;line-height:1.7;color:#687c6b}.card-choice .buttons{margin:22px 0 8px}.card-choice .buttons button{flex:1}.card-choice .text-button{width:100%;margin-top:8px}.batch-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.batch-options label{display:flex;gap:8px;padding:12px;border:1px solid #c4cfb0;border-radius:8px;font-size:20px}.batch-options input{width:18px;height:18px;accent-color:#315c43}.defense-target .card{outline:3px solid #d9e7b7;outline-offset:4px}.defense-prompt{position:relative;z-index:1;text-align:center;font-size:12px;background:#102d29;padding:8px;border-radius:8px;margin:12px 0}.defense-prompt button{padding:5px 9px;color:#e3eccf;margin-left:8px;font-size:10px}.secret-indicator{font-size:9px;color:#d9e7b7;text-align:center;max-width:72px}.deck{top:140px}@media(max-width:500px){.secret-indicator{font-size:8px;max-width:42px}.defense-prompt{font-size:10px}}.secret-back{position:absolute;left:9px;bottom:0;width:44px;height:64px;border:2px solid #d5dfc8;border-radius:5px;background:repeating-linear-gradient(45deg,#25433d,#25433d 3px,#2c4c44 3px 6px);transform:rotate(12deg);color:#c4cfb0;display:grid;place-items:center}.deck-cards .back{z-index:1}.main-trump{z-index:2}@media(max-width:500px){.secret-back{width:35px;height:54px;left:6px}}.batch-compact{width:fit-content;max-width:100%;margin:0 auto 14px;padding:8px 10px;border:1px solid #b8c9a2;border-radius:12px;background:#edf2e3;box-shadow:0 3px 10px #203e3410}.batch-compact:focus{outline:none}.batch-quick{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.batch-quick>span{font-size:12px;font-weight:700;margin-right:5px}.batch-quick button{padding:0;height:34px;font-size:12px;border-radius:7px}.batch-count{min-width:34px;background:#d9e7b7;border-color:#c1d298}.batch-suits{padding:0 9px!important;border:0}.batch-cancel{width:28px;border:0;color:#76826e}.batch-custom{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px solid #d4dfc7;margin-top:8px;padding-top:8px}.batch-custom label{font-size:14px;gap:5px;margin:0}.batch-custom input{accent-color:#315c43}.batch-custom button{padding:8px 12px;font-size:11px}@media(max-width:500px){.batch-compact{padding:7px}.batch-quick{gap:4px}.batch-quick>span{font-size:11px}.batch-count{min-width:32px}}.batch-inline{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:11px;color:#65785e}.batch-inline button{font-size:11px;padding:9px 13px}.hand-card{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.card-check-slot{height:32px;display:flex;align-items:center;justify-content:center}.card-check{margin:0;cursor:pointer;padding:5px 12px}.card-check input{margin:0;width:20px;height:20px;accent-color:#315c43;cursor:pointer}.hand-card.chosen .card{outline:2px solid #71924b;outline-offset:2px;background:#fbffef}.hand-card.selecting .card:hover:not(:disabled){transform:none}.card-check input:focus-visible{outline:2px solid #c69d4c;outline-offset:3px}.trump-status{margin:0 0 12px;padding:10px 15px;background:#e5ecda;border:1px solid #cad7ba;border-radius:9px;color:#284832;font-size:13px;font-weight:700}.trump-status span{font-weight:500}:root{font-family:Segoe UI,system-ui,sans-serif;color:#203d34;background:#f3f1e9}body{background:radial-gradient(ellipse at 90% 0,#e2e8dd,transparent 55%),#f3f1e9}button,input,select{font-size:13px}button{transition:background .18s,transform .18s,box-shadow .18s}button:disabled{opacity:.55}input:focus-visible,select:focus-visible{outline:3px solid #b99650;outline-offset:3px}aside{width:220px;background:linear-gradient(160deg,#132f28,#091f1a);color:#c2d0c5;border:0;padding:36px 22px;box-shadow:8px 0 40px #102e2810;z-index:6}.brand{color:#f7f1dd;font-size:14px}.brand>b{color:#d8bd7a;text-shadow:0 3px 22px #d8bd7a25}.brand small{color:#b9c5b9}.nav-caption{margin:62px 15px 16px;color:#7b978a;font-size:10px;letter-spacing:2px;font-weight:700}nav{margin-top:0;gap:8px}nav button{border:1px solid transparent;border-radius:11px;min-height:52px;color:#b7c9bd}nav span{font-size:13px}nav .active{background:#28483b;color:#f3ddaa;border-color:#a68c493d;box-shadow:inset 3px 0 #d6b674}nav button:hover:not(:disabled){background:#29483d;color:#fff4da;transform:none}.aside-bottom{border-top:1px solid #ffffff12;padding-top:24px;color:#b0c6b7;line-height:1.6}.aside-bottom small{color:#7f9a8b}main{margin-left:220px;width:calc(100% - 220px);padding:0 clamp(24px,4vw,64px);max-width:1700px}header{height:90px;border-bottom:1px solid #243f3210;margin-bottom:28px}.breadcrumb{font-size:10px;color:#50665c}.user{font-size:13px}.avatar{background:#e0e7d8;border:1px solid #c7d1bf}.rating{color:#516b51;font-size:11px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.welcome .eyebrow{color:#7b866b;font-size:9px}.welcome h2{font-family:Georgia,serif;font-size:clamp(21px,2.1vw,30px);font-weight:400;margin:8px 0 0;letter-spacing:-.5px}.club-badge{display:flex;align-items:center;gap:10px;color:#8b7645;font-size:25px}.club-badge span{font-size:11px;color:#74816c}.hero{min-height:380px;padding:42px 44px;border-radius:22px;background:radial-gradient(ellipse at 80% 30%,#3c6250 0,transparent 58%),linear-gradient(120deg,#0d3026,#1a4536);border:1px solid #40644e;box-shadow:0 16px 35px #193b2721,inset 0 0 0 6px #ffffff03}.hero:before{content:"";position:absolute;inset:12px;border:1px solid #d7bf7d26;border-radius:13px;pointer-events:none}.hero h1{font-size:clamp(36px,4vw,60px);letter-spacing:-1.5px;margin:20px 0}.hero em{color:#e3c885}.hero .eyebrow{color:#c5cfad;font-size:10px}.hero p{font-size:13px;line-height:1.8;color:#c0d1c3}.hero>div:first-child{position:relative;z-index:2;max-width:65%}.hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary{background:linear-gradient(135deg,#efdb9c,#d4b56d);color:#233b2c;border:1px solid #d9bf83;box-shadow:0 4px 10px #07201612;font-size:13px;min-height:44px}.primary:hover:not(:disabled){background:#f5e4b2;box-shadow:0 5px 16px #07201625}.hero .text-button{color:#e2e9d7}.hero-details{display:flex;gap:22px;margin-top:24px;color:#9fb9a7;font-size:10px}.hero-cards{right:7%;top:78px;transform:rotate(-5deg)}.hero-cards .card{border:1px solid #d4c599;background:linear-gradient(125deg,#fffef4,#ebe5d2);box-shadow:0 18px 25px #051f2266}.hero-stamp{color:#c5ceae;bottom:-38px;font-size:9px;white-space:nowrap}.setup{scroll-margin-top:24px}.section-title{margin:34px 0 18px}.section-title h2{font-size:22px;font-family:Georgia,serif;font-weight:400}.section-title>span{color:#778371;font-size:12px}.mode-grid{gap:20px;grid-template-columns:1.15fr 1.1fr .95fr}.mode{padding:26px;background:#fffef8;border-color:#dfdfd0;border-radius:17px;box-shadow:0 5px 18px #203e2d05}.mode.selected{border-color:#9ba982;box-shadow:0 5px 20px #203e2d0a}.mode-icon{display:inline-grid;place-items:center;width:46px;height:46px;background:#edf0e3;border:1px solid #dfe5d0;border-radius:13px;font-size:27px;color:#385f45}.tag{font-size:8px;padding:7px;letter-spacing:.6px}.mode h3{font-size:20px;margin-top:20px}.mode p{font-size:12px;color:#71816c;line-height:1.8;min-height:44px}.mode p br{display:none}.mode label{font-size:12px;margin:15px 0}.mode select{font-size:12px;padding:10px}.mode input{font-size:13px;padding:13px;background:#f8f9f2}.mode>small{font-size:10px;color:#7c876f;line-height:1.6}.buttons button{font-size:12px;background:#f3f5eb;min-height:44px}.learn{background:linear-gradient(140deg,#e9edde,#e0e6d1)}.learn .text-button{font-size:13px;color:#395b3f}.big-spade{font-size:185px;bottom:-55px;color:#cad5b9}.player-control{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.player-options{display:flex;gap:5px}.player-options button{padding:7px 12px;min-width:36px;border-color:#d9dfcc;background:#f7f8f0}.player-options button[aria-pressed=true]{background:#284c3c;border-color:#284c3c;color:#f0dfac}.mode .primary{margin-top:16px}footer{font-size:9px;color:#7e8976;gap:18px;line-height:1.6}.game-heading h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.game-heading .eyebrow{color:#748460}.table{background:radial-gradient(ellipse at 50% 35%,#346b50,#153e2d 75%);border-color:#324737;box-shadow:0 14px 30px #163a2825,inset 0 0 0 2px #c8b17180,inset 0 0 65px #031d2070}.table-caption{color:#d8d3aa66}.opponent small{font-size:10px;color:#b7cbb5}.opponent b{font-size:12px}.hand-title{font-size:13px}.hand-area{background:#fffdf459;border-radius:18px;margin-top:20px;padding:22px 16px}.actions>span{color:#617556;font-size:12px}.hand .card:not(:disabled){border-bottom-color:#bb9a50;box-shadow:0 5px 10px #1b3c2920}.hand .card:disabled{opacity:.85}.card.red{color:#b0423d}.trump-status{border-radius:10px}.page{padding:25px 0}.page h1{margin:10px 0 25px}.page p{color:#65765d;line-height:1.8}.page label{font-size:14px;background:#fffdf6;border:1px solid #dedfce;padding:20px;border-radius:12px;max-width:500px}.page input{font-size:14px;padding:12px;min-width:0}.stats article{background:#fffdf7;border-color:#daddc9;box-shadow:0 5px 18px #203e2d05}.stats strong{color:#355b40}.stats span{color:#697d5c;font-size:12px}.modal{background:#faf8ef;box-shadow:0 24px 90px #0006}.rule p{color:#617259}.close{min-width:44px;min-height:44px}@media(min-width:1600px){.hero{padding:50px;min-height:410px}.hero-cards{right:14%;top:85px}}@media(max-width:1200px){main{padding:0 28px}.hero{padding:36px 30px}.hero-cards{right:2%;transform:scale(.85) rotate(-5deg);transform-origin:right center}.mode-grid{grid-template-columns:1fr 1fr}.learn{grid-column:1/-1;min-height:190px}.learn p{min-height:0;max-width:70%}.learn .big-spade{right:40px;bottom:-55px}.club-badge{display:none}}@media(max-width:800px){aside{width:76px;padding:28px 10px}.nav-caption{display:none}nav{margin-top:45px}main{margin-left:76px;width:calc(100% - 76px);padding:0 20px}.hero>div:first-child{max-width:90%}.hero-cards{right:-65px;opacity:.3}.hero h1{font-size:44px}.hero-details{gap:14px}.mode{padding:20px}.tag{font-size:7px}.welcome h2{font-size:24px}.table{border-radius:48px}.game-heading h2{font-size:23px}}@media(max-width:500px){aside{width:100%;height:76px;padding:0 8px;bottom:0;border-top:1px solid #41604a;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0b24152b}nav{margin:0;gap:4px}nav button{flex:1;flex-direction:column;gap:3px;padding:6px 2px;margin:7px 0;min-height:55px;font-size:21px;border-radius:9px}nav span{display:block;font-size:9px}.aside-bottom{display:none}main{margin:0;width:100%;padding:0 16px 90px}header{height:70px;margin-bottom:24px}.breadcrumb{font-size:8px;letter-spacing:1px}.welcome{margin-bottom:20px}.welcome h2{font-size:22px;line-height:1.3}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px}.hero{padding:30px 25px;min-height:395px;border-radius:19px}.hero>div:first-child{max-width:100%}.hero h1{font-size:42px}.hero p{font-size:12px;max-width:260px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-cards{top:90px;right:-110px;opacity:.16}.hero-details{font-size:9px;gap:12px;flex-wrap:wrap}.hero-actions{gap:4px}.hero-actions .primary{font-size:12px;padding:13px 16px}.hero-actions .primary span{margin-left:14px}.hero-actions .text-button{font-size:11px;padding:12px 5px}.mode-grid{grid-template-columns:1fr}.mode{padding:25px}.learn{grid-column:auto}.learn p{max-width:85%}.section-title h2{font-size:23px}.tag{font-size:8px}.table{border-width:5px;border-radius:32px}.opponent b{font-size:9px}.opponent small{font-size:8px}.hand-area{padding:18px 8px}.hand-title{font-size:11px}.game-heading h2{font-size:20px}.page label{flex-direction:column;align-items:stretch}.stats{gap:10px}.stats article{padding:20px}.stats strong{font-size:34px}footer{flex-direction:column;gap:8px;padding:24px 0}.toast{bottom:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{color:#372c25;background:#e4dfc7}body{background:url(/botanical.svg) right bottom/360px auto fixed no-repeat,radial-gradient(ellipse at 12% 25%,#f8f1d9,transparent 65%),repeating-linear-gradient(0deg,#54402303 0 1px,transparent 1px 4px),#e8e1c9}aside{background:linear-gradient(100deg,#ded6b9,#eee6ce);color:#43392e;border-right:1px solid #8e79554d;box-shadow:5px 0 20px #513e2110}.brand{color:#3e2923}.brand>b{color:#793e37;text-shadow:none}.brand small{color:#695343}.nav-caption{color:#887557}nav button{color:#645440}nav .active{background:#d8c8a5;color:#4b2b23;border-color:#9c805957;box-shadow:inset 3px 0 #87463c}nav button:hover:not(:disabled){background:#e0cfac;color:#492f24}.aside-bottom{color:#675d44;border-color:#8b765b33}.aside-bottom small{color:#80735b}.dot{background:#74795a}.breadcrumb,.rating{color:#786249}.breadcrumb span{color:#91816a}.avatar{color:#634c37;background:#e9ddbf;border-color:#b7a17b}.welcome .eyebrow,.eyebrow,.game-heading .eyebrow{color:#87714d}.welcome h2,.section-title h2,.game-heading h2,.page h1{color:#3e2c23}.club-badge{color:#8e473d}.club-badge span{color:#7f6d53}.hero{background:url(/botanical.svg) right center/300px auto no-repeat,radial-gradient(ellipse at 25% 30%,#f9f2dc,#dfd5b5);color:#382b23;border:1px solid #9e8864;border-radius:5px 15px 7px 12px;box-shadow:0 12px 25px #614c2720,inset 0 0 45px #9e855327}.hero:before{border:2px solid #68513c66;border-radius:45% 2% 4%/2% 4%}.hero:after{border-color:#8d423612;box-shadow:none}.hero h1{font-weight:700;font-variant:small-caps;letter-spacing:-1px;text-shadow:1px 1px #fff5}.hero em{color:#8d4138}.hero .eyebrow{color:#7e6241}.hero p{color:#6d5943}.hero .text-button{color:#694733}.hero-details{color:#837052}.hero-stamp{color:#69543d}.hero-cards .card{background:linear-gradient(120deg,#fff9e9,#e8dec3);border-color:#b9a582;box-shadow:0 12px 24px #58422344}.hero-cards .card.red{color:#a24642}.primary{background:linear-gradient(120deg,#81473a,#66382f);color:#fff2d4;border-color:#6c3e30;box-shadow:0 3px #412b2322}.primary:hover:not(:disabled){background:#925342;color:#fff8e5}.mode{background:#fbf4e2b8;border-color:#bca98175;border-radius:5px 12px 6px 10px}.mode.selected{border-color:#a58858}.mode-icon{color:#684d38;background:#e6dabb;border-color:#c5b18a}.tag,.subtle{background:#e9dcc1;color:#7a5a38}.mode h3{font-family:Georgia,serif;color:#4b3528}.mode p,.mode>small,.section-title>span{color:#78654e}.learn{background:url(/botanical.svg) right bottom/180px auto no-repeat,#e5dfc6}.big-spade{color:#91514720}.learn .text-button{color:#804538}.mode input,input,select,.mode select{background:#fff8e8;color:#5a4432;border-color:#c5b38f}.buttons button,.player-options button{background:#f0e5cc;border-color:#c6b28b;color:#654b35}.player-options button[aria-pressed=true]{background:#7b4539;border-color:#7b4539;color:#fff1d3}.table{background:radial-gradient(ellipse at center,#ece4cc,#d6cbab);color:#4a3b2a;border-color:#755f45;box-shadow:0 12px 24px #5c452528,inset 0 0 0 2px #e8d8b2,inset 0 0 65px #94733c36}.opponent small{color:#746047}.table-message{color:#837055}.table-caption{color:#836a4699}.backs i,.back{background:repeating-linear-gradient(45deg,#734638 0 3px,#895643 3px 6px);border-color:#efe1bc;color:#e7d3a7}.card{background:#fff8e6;color:#392f26;border-color:#c8b995}.card.red{color:#a3443c}.hand-area{background:#fff5db66;border:1px solid #ac93602b}.hand-title span,.actions>span{color:#7f6c50}.hand .card:disabled{background:#e4dcc5;color:#95876e}.trump-status{background:#e6d7b5!important;color:#5a3d2c!important;border-color:#b69969!important}.page p,.rule p{color:#735e46}.stats article,.page label{background:#faf2dd;border-color:#c7b18b}.stats strong{color:#784839}.stats span{color:#7d674e}.modal,.card-choice{background:#f5ecd6;color:#493527}.log{background:#f8f0dc}.toast{background:#604337}.modal h2{color:#573c2c}footer{color:#847050}.author-rules{max-width:960px;margin:auto;padding-bottom:50px}.ribbon-title{border-block:3px double #796048;text-align:center;padding:22px 12px;font-variant:small-caps;transform:rotate(-.5deg)}.rules-notes{background:#f8eed3;border:1px solid #b39a70;padding:18px 22px;margin:28px 0;line-height:1.7;border-radius:6px}.rules-notes summary{font-weight:700;cursor:pointer}.rules-notes li{margin:10px 0;font-size:14px}.manuscript{padding:32px clamp(20px,4vw,48px);border:1px solid #b39c72;background:url(/botanical.svg) right bottom/260px auto no-repeat,#f7efdbe6;box-shadow:0 8px 24px #60452212}.manuscript ol{padding-left:28px}.manuscript li{padding-left:10px;margin:24px 0}.manuscript li::marker{font:700 22px Georgia,serif;color:#754539}.manuscript h3{font:700 21px Georgia,serif;margin:0 0 8px}.manuscript p{font-size:15px;line-height:1.8;margin:0}.rank-register{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.rank-register>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #a990634d;padding:15px 0;font-size:14px}.rank-register span{font:700 24px Georgia,serif;color:#944f43;min-width:30px}@media(max-width:500px){aside{background:#e4d8b9;border-top-color:#a78b61}.rank-register{grid-template-columns:1fr}.ribbon-title{font-size:34px!important}.manuscript{padding:25px 18px}.rules-notes{padding:15px}.hero h1{font-size:40px}}:root{background:#10110f;color:#d8cfbb;color-scheme:dark;font-family:Georgia,Times New Roman,serif}body{background:repeating-linear-gradient(7deg,#b9a37a03 0 1px,transparent 1px 4px),#10110f}button,input,select{font-family:inherit}button{border-radius:2px;border-color:#8c7b5a;transition:background .18s}button:hover:not(:disabled){background:#332822;color:#f4e7ca}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ddc797}aside{width:220px;background:url(/botanical.svg) left bottom/230px auto no-repeat,#10110f;border-right:3px double #74654d;padding:32px 14px;color:#ccc1a8}.brand{flex-direction:column;text-align:center;color:#e1d5bc;gap:8px;font-family:Georgia,serif;font-size:22px;letter-spacing:1px}.brand>b{font-size:86px;color:#cbbb97;text-shadow:0 0 1px #f4e3b5;line-height:1.05}.brand small{font-size:22px;letter-spacing:2px;color:#e1d5bc}.nav-caption{text-align:center;color:#8d8066;font-size:9px;margin:28px 0 22px;border-top:1px solid #77674b;padding-top:17px}nav{gap:14px}nav button{font-family:Georgia,serif;color:#d1c6ae;border-radius:0;padding:17px 15px}nav span{font-size:19px}nav .active{background:linear-gradient(120deg,#542321,#301716);color:#e8d8b7;border:3px double #ad9570;box-shadow:inset 0 0 0 3px #151210}nav button:hover:not(:disabled){background:#342321;color:#f4e5c6}.aside-bottom{color:#b8aa8e;border-color:#7662464d;text-align:center;font-size:10px}.aside-bottom small{color:#918268}.dot{background:#9e865d}main{padding:0 30px;margin-left:220px;width:calc(100% - 220px)}header{height:80px;margin-bottom:0;border:0}.breadcrumb{color:#9a8b6e}.breadcrumb span{color:#8b816e}.user{border:1px solid #76674d;padding:9px 17px;border-radius:0;font-size:16px}.avatar{background:#29271f;border-color:#9a8864;color:#e5d3ac}.rating{color:#c5b99d}.welcome{display:none}.hero{min-height:540px;padding:60px 34px 40px;background:linear-gradient(90deg,#10110f 0%,#10110fe8 27%,#10110f45 54%,transparent 70%),url(/optimized/engraved-hero.webp) right center/auto 100% no-repeat;border:0;border-radius:0;box-shadow:none;overflow:hidden}.hero:before,.hero:after{display:none}.hero>div:first-child{max-width:53%}.hero .eyebrow{color:#a99a7d;font-size:9px;letter-spacing:3px}.hero h1{font-size:clamp(40px,4.5vw,70px);font-weight:700;font-variant:normal;color:#e4dac4;text-shadow:0 2px 12px #000;line-height:1.08;letter-spacing:-1px;margin:24px 0 30px}.hero em{color:inherit}.hero p{color:#c6baa2;font-size:17px;line-height:1.65;max-width:360px}.hero-cards{display:none}.hero-details{color:#a3967a;border-top:1px solid #89765055;padding-top:18px;font-size:10px;letter-spacing:1px}.hero .text-button{color:#cbb995}.primary{background:linear-gradient(120deg,#632926,#391a19);color:#f0dfc3;border:3px double #ae9570;border-radius:0;box-shadow:inset 0 0 0 3px #291713;font-size:16px;padding:14px 23px}.primary:hover:not(:disabled){background:#733330;color:#fff0d3;box-shadow:inset 0 0 0 3px #291713}.hero .primary{font-size:23px;padding:18px 30px;min-width:270px}.section-title{margin:8px 0 18px}.section-title h2{color:#cbbfa6;font-size:22px}.section-title>span{color:#9d9179}.mode-grid{grid-template-columns:1fr 1fr;gap:20px}.mode{background:linear-gradient(120deg,#1c1b16,#10110f);border:3px double #887552;border-radius:0;padding:25px 28px;box-shadow:inset 0 0 0 4px #0e100d;min-height:290px}.mode.selected{border-color:#a18b62}.mode-icon{background:none;border:0;border-radius:0;color:#b9a783;font-size:38px}.mode h3{font-size:29px;color:#e0d4bb;margin:12px 0}.mode p{font-size:14px;color:#b9ad96}.mode label,.player-control{font-size:14px}.tag,.subtle{background:transparent;color:#ab9975;border-bottom:1px solid #746449;border-radius:0}.mode input,input,select,.mode select{background:#151712;color:#ddd0b2;border-color:#74664b;border-radius:2px}.buttons button,.player-options button{background:#171912;border:3px double #74664b;border-radius:0;color:#dfd0b1}.player-options button[aria-pressed=true]{background:#532321;border-color:#b69a70;color:#f2e3c6}.player-options button{min-width:46px;font-size:18px}.mode>small{color:#a99a7c}.learn{grid-column:1/-1;min-height:0;background:transparent;display:flex;align-items:center;gap:20px;padding:15px 25px;border-width:1px}.learn h3{font-size:20px;min-width:190px}.learn p{margin:0;min-height:0;font-size:12px}.learn .text-button{color:#d1b68c;white-space:nowrap}.learn .mode-icon,.big-spade{display:none}.game-heading h2,.page h1,.modal h2{color:#e4d6b8}.eyebrow,.game-heading .eyebrow{color:#ae9871}.table{background:radial-gradient(ellipse at center,#282b21,#111610);border-color:#504936;box-shadow:0 14px 25px #0005,inset 0 0 0 2px #9a8452,inset 0 0 65px #0007;color:#d7cbae}.opponent small,.table-message{color:#bcb195}.table-caption{color:#aa98716e}.hand-area{background:#1b1d17;border:1px solid #71614366;border-radius:3px}.hand-title span,.actions>span{color:#b9ac8c}.card{color:#29251e;background:#e6dcc3;border-color:#b7a580;color-scheme:light}.card.red{color:#8a332e}.card:hover:not(:disabled){background:#f4ead1;color:#29251e}.card.red:hover:not(:disabled){color:#8a332e}.hand .card:disabled{background:#a69f8d;color:#514d43;opacity:.9}.trump-status{background:#29281e!important;color:#decaa3!important;border-color:#86734d!important}.backs i,.back{background:repeating-linear-gradient(45deg,#211e19 0 3px,#433a2b 3px 4px);color:#bda779;border-color:#ad966b}.page p,.rule p{color:#c3b69b}.stats article,.page label{background:#1c1e17;border-color:#786644;border-radius:2px}.stats strong{color:#d6bd8f}.stats span{color:#bbae90}.modal,.card-choice{background:#1c1e18;color:#e2d4b7;border:3px double #a18960;border-radius:3px}.log{background:#1d2018;color:#d7c9a9}.toast{background:#4f2922;color:#f4e4c4}.ribbon-title{border-color:#9b8459}.rules-notes{background:#25261d;border-color:#796844}.manuscript{background:url(/botanical.svg) right bottom/260px auto no-repeat,#1c1e17;border-color:#8b774d}.manuscript li::marker,.rank-register span{color:#c9ac7b}footer{color:#988769;border-top:1px solid #6e5b3b66;margin-top:25px}@media(min-width:1600px){.hero{min-height:600px;padding-top:70px}.hero h1{font-size:76px}}@media(max-width:1100px){.hero{min-height:480px;padding:40px 15px}.hero h1{font-size:46px}.hero p{font-size:15px}.hero>div:first-child{max-width:65%}.hero .primary{min-width:0;font-size:19px}.mode{padding:22px}.learn{flex-wrap:wrap}}@media(max-width:800px){aside{width:76px;padding:25px 8px}.brand>b{font-size:46px}.brand span,.nav-caption{display:none}nav span{display:none}nav button{padding:12px 5px}.aside-bottom{display:none}main{margin-left:76px;width:calc(100% - 76px);padding:0 18px}.hero{background-position:right center;background-size:auto 100%}.hero>div:first-child{max-width:85%}.hero h1{font-size:46px}.mode-grid{grid-template-columns:1fr}.learn{grid-column:auto}.user{font-size:12px}.learn .text-button{padding-left:0}}@media(max-width:500px){aside{width:100%;height:76px;padding:0 6px;bottom:0;background:#12140f;border-right:0;border-top:3px double #887451}nav span{display:block;font-size:11px}nav button{padding:5px 2px;font-size:21px}main{margin:0;width:100%;padding:0 14px 90px}header{height:70px}.user{padding:5px 8px}.hero{min-height:550px;padding:26px 12px 235px;background:linear-gradient(180deg,#10110f,#10110feb 25%,#10110f22 65%),url(/optimized/engraved-hero.webp) right bottom/auto 400px no-repeat}.hero>div:first-child{max-width:100%}.hero h1{font-size:40px;margin:15px 0}.hero p{font-size:14px;max-width:290px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-details{display:none}.hero .primary{font-size:18px;padding:14px 20px}.hero-actions{gap:10px}.mode h3{font-size:27px}.mode{padding:22px}.learn{gap:8px}.section-title{margin-top:20px}.section-title h2{font-size:22px}}.artwork{display:block;pointer-events:none}.brand .art-emblem{width:140px;height:150px}.screen-home header{position:absolute;right:30px;top:12px;z-index:3;height:65px}.screen-home .breadcrumb{display:none}.screen-home main{padding-top:65px}.hero{position:relative;min-height:565px;background:#10110f;padding:45px 32px 30px}.hero .art-hero{position:absolute;right:-30px;top:-45px;width:65%;height:calc(100% + 45px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%);mask-image:linear-gradient(90deg,transparent,#000 10%);object-fit:contain}.hero>div.hero-copy{position:relative;z-index:1;max-width:55%}.hero .eyebrow{display:none}.hero h1{font-size:clamp(42px,4.7vw,74px);margin:20px 0 32px}.hero p{border-top:1px solid #9c89604d;padding-top:18px;font-size:20px;line-height:1.5;max-width:350px}.hero-actions{margin-top:30px}.hero .primary{min-width:330px;min-height:70px}.hero-actions .text-button{font-size:12px}.hero-details{border:0;margin-top:24px;letter-spacing:2px}.setup .section-title{display:none}.mode-grid{gap:20px}.mode{position:relative;padding:25px 25px 25px 185px;min-height:275px}.mode .artwork{position:absolute;left:8px;bottom:8px;width:170px;height:230px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.mode .mode-icon,.mode .tag,.mode>small{display:none}.mode h3{margin:0 0 10px;font-size:32px}.mode p{margin:0 0 16px;font-size:14px}.player-control{display:block}.player-control>span{display:none}.player-options{display:flex}.player-options button{flex:1;min-height:48px}.mode label{margin:10px 0}.mode .primary{margin-top:6px}.mode.learn{display:none}.room-mode .buttons{margin-top:12px}.room-mode input{margin-bottom:0}.table{border-radius:24px;border:9px solid #211810;background:radial-gradient(ellipse at center,#0000,#0009),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000000c 2px 3px,transparent 4px 7px),repeating-linear-gradient(90deg,#49331f 0,#332317 21%,#16100b 21.3%,#60432a 21.8%,#382719 43%);box-shadow:inset 0 0 0 2px #8d704b70,inset 0 0 65px #0009,0 14px 30px #0007}.backs i,.back,.secret-back{background:#201d18 url(/card-back.svg) center/100% 100% no-repeat!important;color:transparent!important;border:1px solid #c0aa7a!important;border-radius:4px!important}.card{width:84px;height:122px;padding:5px;border-radius:5px;background:linear-gradient(125deg,#f5ecd4,#cfc3a3);box-shadow:inset 0 0 14px #84633720,0 4px 6px #0004}.card>span{position:relative;z-index:2;font-size:20px}.card .corner{position:absolute}.card-art{position:absolute;inset:7px 16px;width:calc(100% - 32px);height:calc(100% - 14px);pointer-events:none}.hand .card:disabled{color:#4f493e;background:#b9b19c;filter:none}.hand .card.red:disabled{color:#783f35}.hand .card:not(:disabled){border-bottom-color:#c6ac70}.main-trump{background:linear-gradient(125deg,#f5ecd4,#cfc3a3)}@media(max-width:1250px){.mode{padding-left:125px}.mode .artwork{width:115px}.mode h3{font-size:26px}.hero p{font-size:17px}.hero .primary{min-width:250px}}@media(max-width:800px){.brand .art-emblem{width:53px;height:60px;max-height:64px}.hero .art-hero{opacity:.65;width:90%;right:-50px}.hero>div.hero-copy{max-width:85%}.hero{background:#10110f}.hero-copy{text-shadow:0 2px 8px #000}.mode{padding-left:155px}.mode .artwork{width:140px}.table{border-radius:20px}}@media(max-width:500px){.screen-home header{right:14px;top:4px}.screen-home main{padding-top:75px}.hero{min-height:610px;padding:15px 10px 240px}.hero .art-hero{top:auto;bottom:0;right:-15px;width:100%;height:320px;opacity:1;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%);mask-image:linear-gradient(180deg,transparent,#000 15%)}.hero>div.hero-copy{max-width:100%}.hero h1{font-size:39px;margin:15px 0}.hero p{font-size:15px;max-width:100%;padding-top:12px}.hero-actions{margin-top:18px}.hero .primary{min-width:230px}.mode{padding:22px 18px 22px 110px}.mode .artwork{width:100px;height:200px}.mode h3{font-size:23px}.mode p{font-size:12px}.mode label{flex-wrap:wrap}.mode label select{width:100%}.card{width:66px;height:98px}.card>span{font-size:17px}.card-art{inset:6px 13px;width:calc(100% - 26px);height:calc(100% - 12px)}.table{border-width:5px}.player-options button{min-width:0;padding:6px 12px}.hero-details{display:none}}.imperial-art{display:block;width:100%;height:100%;pointer-events:none}.screen-game aside,.screen-game main>header{display:none}.screen-game main{width:100%;max-width:none;margin:0;padding:0}.game{position:relative;min-height:100vh;padding:24px 5% 60px;background:#251c15 url(/optimized/imperial-desk.webp) center/100% 100% no-repeat;color:#e4c996;isolation:isolate}.table-home{position:absolute;left:8%;top:25px;border:0;font-size:23px;letter-spacing:1px;color:#c5a16b;padding:0}.table-home small{display:block;font-size:11px;letter-spacing:2px;margin-top:8px}.game-heading{justify-content:center;margin:0 0 12px;min-height:58px}.game-heading>div{min-width:250px;max-width:50%;text-align:center;border:3px double #b69a5b;background:linear-gradient(#1f1b13,#090c09);padding:8px 30px;box-shadow:inset 0 0 0 3px #37291a;border-radius:20px 4px}.game-heading .eyebrow{display:none}.game-heading h2{font-size:27px;color:#ead6af;margin:0}.game-heading>button{position:absolute;right:17%;top:35px;background:#19140e;font-size:12px}.trump-status{position:relative;width:fit-content;max-width:65%;margin:4px auto 10px;padding:5px 13px!important;background:#191710c9!important;border:1px solid #9d7d433f!important;font-size:12px}.table{border:0;border-radius:0;box-shadow:none;background:none;min-height:460px;padding:0 19%;color:#e1c99c}.opponents{min-height:156px;align-items:flex-start;gap:24px}.opponent{display:grid;grid-template-columns:105px auto;grid-template-rows:105px auto auto auto;column-gap:10px;row-gap:4px;text-align:center;min-width:0}.opponent .avatar{grid-column:1;grid-row:1;width:105px;height:105px;background:none;border:0;border-radius:50%;overflow:hidden}.opponent b{grid-column:1;grid-row:2;font-size:15px;font-weight:400;border:1px solid #a48b51;background:#14120c;padding:3px 8px;white-space:nowrap}.opponent .player-rank{grid-column:1 / -1;grid-row:3;font-size:13px;color:#e2c696;max-width:260px;overflow-wrap:anywhere}.opponent small{grid-column:1 / -1;grid-row:4;font-size:11px;color:#d4bc8f}.opponent .backs{grid-column:2;grid-row:1;align-self:center;margin:0;padding-left:12px}.backs i{width:43px;height:68px;margin-left:-20px;padding:0;background:none!important;border:0!important;box-shadow:1px 2px 4px #0008}.deck{left:0;top:205px;width:180px;gap:5px}.deck-cards{width:165px;height:150px}.deck-cards .back{width:92px;height:135px;left:0;right:auto;top:0;padding:0;background:none!important;border:0!important;box-shadow:-3px 3px #5e4b2b,-5px 5px #17110b}.secret-back{width:86px!important;height:127px!important;left:-5px!important;top:9px!important;padding:0;background:none!important;border:0!important}.main-trump{left:auto;right:0;bottom:0;width:70px;height:113px;background:#d8c199;border-color:#99815a;box-shadow:0 3px 6px #0008}.main-trump span{font-size:30px}.main-trump strong{font-size:37px}.deck>b{font-size:17px;font-weight:400;align-self:start}.deck small{font-size:12px}.secret-indicator{font-size:10px;color:#bda57c}.battle{margin:18px 0 0;min-height:260px;gap:18px;align-content:center}.pair{display:flex;gap:12px;margin:0;align-items:center}.pair .defense{position:static;transform:none}.pair:has(.defense):before{content:"—";order:1;color:#b6a06f}.pair>.card{order:0}.pair .defense{order:2}.game .card{width:91px;height:137px;background:radial-gradient(ellipse,#e4d0ab,#bea37c);border:1px solid #a38b60;color:#211d15;box-shadow:0 4px 7px #0009,inset 0 0 15px #77512c26}.game .card.red{color:#702720}.game .card>span{font-size:23px}.game .card small{font-size:20px}.game .card .corner{right:4px;bottom:4px}.game .card-art{inset:15px 17px;width:calc(100% - 34px);height:calc(100% - 30px)}.game .court-art{inset:20px 13px 15px 21px;width:calc(100% - 34px);height:calc(100% - 35px);mix-blend-mode:multiply}.discard{right:0;top:220px;width:112px;display:grid;justify-items:center;gap:12px;font-size:15px}.discard-art{width:91px;height:137px;box-shadow:-3px 3px #5e4b2b,-6px 6px #17110b}.table-caption{display:none}.hand-area{position:relative;margin:0;padding:12px 14% 5px;border:0;background:none}.hand-title{font-size:11px;margin:0 0 12px;color:#c5ab7d}.hand-title>span{display:none}.hand{gap:9px;min-height:158px;align-items:center}.hand .card{width:105px;height:158px}.hand .card:disabled{opacity:1;filter:none;color:#292217;background:radial-gradient(ellipse,#d0bd99,#ab916e)}.hand .card.red:disabled{color:#74392c}.hand .card:not(:disabled){border:1px solid #efd49a;border-bottom:3px solid #e6c27e;box-shadow:0 4px 8px #0009}.reserve-pile{position:absolute;right:-1%;top:18px;width:120px;padding:0;border:0;background:none!important;color:#e0c492!important;font-size:13px;font-weight:400}.reserve-pile:disabled{opacity:1}.reserve-cards{position:relative;display:block;height:139px;margin-bottom:9px}.reserve-cards .imperial-art{position:absolute;width:82px;height:122px;left:0;top:0}.reserve-cards .imperial-art:nth-child(2){left:31px;top:12px}.reserve-pile:not(:disabled){filter:drop-shadow(0 0 6px #d9b264)}.actions{margin:20px 0 0;gap:22px}.actions button{min-width:160px;font-size:24px;font-weight:400;border:4px double #c7a667;border-radius:21px 5px;padding:12px 26px;background:linear-gradient(#15201a,#080f0b);color:#ead2a1;box-shadow:inset 0 0 0 3px #211b10,0 3px 7px #000a}.actions .primary{background:linear-gradient(#49221b,#1d0f0d)}.actions>span{flex-basis:100%;text-align:center;font-size:12px;color:#d0b987}.log{position:relative;max-width:800px;margin:15px auto;background:#18160feb}.defense-prompt{position:relative;left:auto;top:auto;margin:6px auto;width:fit-content}.batch-inline{position:relative;background:#21190feb}.game .table-message{color:#c4ae82}.game .defender{outline-color:#d9b15c}@media(min-width:1450px){.game{padding-top:25px}.table{min-height:490px}.game .card{width:110px;height:165px}.hand .card{width:125px;height:188px}.hand{min-height:190px}.opponents{min-height:165px}.battle{min-height:290px}}@media(max-width:1050px){.game{padding:20px 4% 45px}.table-home{left:5%;font-size:16px}.game-heading h2{font-size:21px}.table{padding:0 17%;min-height:420px}.opponent{grid-template-columns:75px auto;grid-template-rows:75px auto auto auto}.opponent .avatar{width:75px;height:75px}.opponent .backs{display:none}.opponent b{font-size:13px}.opponent .player-rank{max-width:150px;font-size:12px}.deck{width:115px}.deck-cards{width:115px;height:130px}.deck-cards .back{width:65px;height:103px}.main-trump{width:52px;height:88px}.secret-back{width:60px!important;height:94px!important}.game .card{width:72px;height:110px}.hand .card{width:80px;height:121px}.discard{width:80px}.discard-art{width:70px;height:105px}.hand-area{padding-left:10%;padding-right:14%}.reserve-pile{width:95px}.reserve-cards{height:116px}.reserve-cards .imperial-art{width:68px;height:101px}.reserve-cards .imperial-art:nth-child(2){left:23px}.pair{gap:6px}.battle{gap:12px}.actions button{font-size:20px;min-width:130px}}@media(max-width:600px){.game{padding:14px 10px 30px;background-size:auto 100%;background-position:center}.table-home{position:relative;left:auto;top:auto;font-size:14px;margin-bottom:12px}.table-home small{display:inline;margin-left:15px}.game-heading{min-height:42px;margin-bottom:8px}.game-heading>div{min-width:180px;max-width:75%;padding:7px 12px}.game-heading h2{font-size:18px}.game-heading>button{right:12px;top:14px;padding:7px}.trump-status{max-width:94%;font-size:11px}.table{padding:0 56px;min-height:390px}.opponents{min-height:145px;gap:8px;margin:0 -35px}.opponent{display:flex;align-items:center;gap:3px;max-width:31%;flex:1}.opponent .avatar{width:57px;height:57px}.opponent b{font-size:10px;padding:2px 4px;white-space:normal}.opponent .player-rank{font-size:10px}.opponent small{font-size:9px}.deck{width:53px;top:185px;left:0}.deck-cards{width:50px;height:95px}.deck-cards .back{width:36px;height:56px}.secret-back{width:34px!important;height:52px!important}.main-trump{width:30px;height:48px;bottom:0;right:0}.main-trump span{font-size:18px}.main-trump strong{font-size:20px}.deck>b{font-size:12px}.deck small{font-size:9px}.secret-indicator{font-size:8px}.discard{width:40px;top:210px;right:0;font-size:10px}.discard-art{width:37px;height:55px}.battle{min-height:230px;gap:12px;margin-top:6px}.game .card{width:57px;height:87px;padding:3px}.game .card>span{font-size:17px}.game .card small{font-size:14px}.game .card-art{inset:11px;width:calc(100% - 22px);height:calc(100% - 22px)}.game .court-art{inset:18px 10px 12px 17px;width:calc(100% - 27px);height:calc(100% - 30px)}.pair{gap:3px}.pair:has(.defense):before{font-size:10px}.hand-area{padding:12px 70px 0 0}.hand{gap:5px;min-height:95px}.hand .card{width:58px;height:88px}.reserve-pile{width:63px;right:0;top:35px;font-size:10px}.reserve-cards{height:85px}.reserve-cards .imperial-art{width:45px;height:68px}.reserve-cards .imperial-art:nth-child(2){left:16px;top:9px}.actions{margin-right:-70px;gap:12px}.actions button{font-size:18px;min-width:110px;padding:10px 18px}.hand-title{font-size:10px}.actions>span{font-size:11px}.batch-inline{margin-right:-70px;flex-wrap:wrap}}.screen-game{position:fixed;inset:0;overflow:hidden;background:#100e0b}.screen-game main{position:static}.screen-game .game{position:absolute;left:50%;top:50%;width:1536px;height:1024px;min-height:0;transform-origin:center;padding:0;background-size:1536px 1024px;background-position:0 0;overflow:hidden}.game .table-home{position:absolute;left:135px;top:28px;font-size:26px;margin:0}.game .table-home small{display:block;font-size:12px;margin:10px 0 0}.game .game-heading{position:absolute;left:580px;top:13px;width:380px;height:65px;margin:0;min-height:0}.game .game-heading>div{width:100%;max-width:none;min-width:0;padding:12px 20px}.game .game-heading h2{font-size:30px}.game .game-heading>button{position:fixed;left:1080px;right:auto;top:28px;font-size:13px;padding:8px 12px}.game .trump-status{position:absolute;top:80px;left:520px;width:496px;max-width:none;margin:0;text-align:center;font-size:12px;z-index:2}.game .table{position:static;margin:0;padding:0;min-height:0;border:0;background:none;box-shadow:none}.game .opponents{position:absolute;left:350px;top:103px;width:850px;height:160px;min-height:0;gap:30px;justify-content:space-around;margin:0}.game .opponent{display:grid;grid-template-columns:120px auto;grid-template-rows:102px 26px 25px 20px;gap:2px 14px;max-width:none;flex:none;min-width:200px}.game .opponent .avatar{width:102px;height:102px;grid-column:1;grid-row:1;justify-self:center}.game .opponent b{grid-column:1;grid-row:2;font-size:16px;padding:3px 5px;white-space:normal;margin:0}.game .opponent .player-rank{grid-column:1 / -1;grid-row:3;font-size:14px;max-width:260px}.game .opponent small{grid-column:1 / -1;grid-row:4;font-size:12px}.game .opponent .backs{display:flex;grid-column:2;grid-row:1;align-self:center;margin:0;padding-left:20px}.game .backs i{width:50px;height:95px;margin-left:-20px;flex-shrink:0}.game .deck{position:absolute;left:60px;top:330px;width:310px;gap:8px;justify-items:start}.game .deck-cards{width:310px;height:210px}.game .deck-cards .back{left:0;top:0;width:153px;height:210px}.game .secret-back{width:148px!important;height:203px!important;left:-4px!important;top:8px!important}.game .main-trump{width:126px;height:184px;left:180px;right:auto;bottom:0;color:#211b14;border-radius:6px;background:#d4bd92}.game .main-trump.red{color:#702720}.game .main-trump span{font-size:38px}.game .main-trump strong{font-size:52px}.game .deck>b{width:153px;text-align:center;font-size:20px}.game .deck small{font-size:15px;position:absolute;left:180px;top:220px;width:126px;max-width:none;text-align:center}.game .secret-indicator{position:absolute;top:-24px;left:0;font-size:12px;max-width:none}.game .battle{position:absolute;left:410px;top:280px;width:730px;height:310px;min-height:0;margin:0;gap:18px;align-content:center;justify-content:center}.game .pair{gap:16px;flex-shrink:0;margin:0}.game .pair:has(.defense):before{font-size:20px}.game .pair .defense{position:static;transform:none}.game .discard{position:absolute;left:1290px;right:auto;top:340px;width:120px;gap:12px;font-size:18px}.game .discard-art{width:120px;height:180px}.game .table-caption{display:none}.game .hand-area{position:absolute;left:260px;top:622px;width:1000px;height:380px;padding:0;margin:0;border:0;background:none}.game .hand-title{height:20px;font-size:12px;margin:0 0 6px}.game .hand{width:100%;height:230px;min-height:0;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:10px;padding:8px 0;align-items:center}.game .hand-card{flex-shrink:0}.game .reserve-pile{position:absolute;left:1020px;right:auto;top:0;width:170px;padding:0;font-size:18px}.game .reserve-cards{height:183px;margin-bottom:10px}.game .reserve-cards .imperial-art{width:120px;height:170px;left:0;top:0}.game .reserve-cards .imperial-art:nth-child(2){left:50px;top:12px}.game .actions{margin:18px 0 0;width:100%;gap:20px;flex-wrap:wrap}.game .actions button{font-size:25px;min-width:200px;padding:13px 25px;border-radius:18px 4px}.game .actions>span{font-size:13px}.game .batch-inline{position:absolute;bottom:100%;left:0;width:100%;margin:0;z-index:5;font-size:14px}.game .log{position:absolute;left:400px;top:150px;width:700px;max-height:400px;z-index:10;margin:0}.game .defense-prompt{position:absolute;left:420px;top:262px;z-index:5;font-size:13px;margin:0;padding:6px}.game .table-message{font-size:18px}.game .card{display:block;position:relative;width:110px;height:165px;padding:0;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse,#e3cda3,#bba079);color:#211b14;font-family:Georgia,serif}.game .hand .card{width:153px;height:214px}.game .card>span:not(.corner){position:absolute!important;inset:7px auto auto 7px!important;line-height:1;font-size:29px;z-index:3;text-align:center}.game .card .corner{position:absolute!important;inset:auto 7px 7px auto!important;font-size:29px;line-height:1;z-index:3;transform:rotate(180deg)}.game .card small{font-size:23px;margin-top:1px}.game .card .card-art{position:absolute;inset:0!important;width:100%!important;height:100%!important;pointer-events:none;font-family:Georgia,serif;mix-blend-mode:multiply}.game .card .court-art{inset:12% 20%!important;width:60%!important;height:76%!important}.game .hand .card:disabled{background:radial-gradient(ellipse,#d9c29b,#b99e78);color:#211b14;opacity:1;filter:none}.game .hand .card.red,.game .card.red{color:#792d25}.game .card:hover:not(:disabled){transform:translateY(-3px)}.game .hand-card.selecting .card{height:184px}.game .card-check-slot{height:28px}.game .pair{position:relative;display:block;width:156px;height:205px;margin:0;flex-shrink:0}.game .pair:has(.defense):before{content:none;display:none}.game .pair>.card{position:relative;z-index:0}.game .pair .defense{position:absolute;left:32px;top:24px;z-index:1;transform:rotate(9deg);transform-origin:center}.game .pair .defense .card{box-shadow:0 6px 12px #0009}.game .opponent{grid-template-columns:155px auto;grid-template-rows:102px auto auto auto;column-gap:12px;align-content:start}.game .opponent .avatar,.game .opponent b,.game .opponent .player-rank,.game .opponent small{grid-column:1;justify-self:center;width:155px;max-width:155px;text-align:center;line-height:1.2}.game .opponent .avatar{width:102px;height:102px}.game .opponent b{font-size:15px}.game .opponent .player-rank{font-size:13px;min-height:16px}.game .opponent small{font-size:11px}.game .opponent .backs{grid-column:2;grid-row:1}.game .card .court-art{inset:3% 7%!important;width:86%!important;height:94%!important;mix-blend-mode:multiply;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.game .court-card>span{background:none;border-radius:0;padding:0;box-shadow:none;min-width:0}.game .main-trump{padding:0;border:0;background:none;box-shadow:none;display:block;width:126px;height:184px}.game .main-trump .card{width:126px;height:184px;opacity:1;cursor:default;transform:none}.game .main-trump .card>span{font-size:29px}.game .main-trump .card small{font-size:23px}.game .deck .card small{position:static;display:block;width:auto;max-width:none;height:auto;left:auto;top:auto;text-align:center;font-size:23px;line-height:1;margin-top:2px;color:inherit}.game .hand{gap:4px;justify-content:center;overflow:visible;height:230px}.game .hand .hand-card{position:relative;width:calc(153px * var(--hand-scale,1));height:calc(214px * var(--hand-scale,1));flex:0 0 calc(153px * var(--hand-scale,1));display:block}.game .hand .hand-card>.card{position:absolute;left:0;top:0;width:153px;height:214px;transform:scale(var(--hand-scale,1));transform-origin:top left}.game .hand .hand-card>.card:hover:not(:disabled){transform:translateY(-5px) scale(var(--hand-scale,1))}.game .hand .hand-card.selecting>.card{height:214px;transform:scale(var(--hand-scale,1))}.game .hand .card-check-slot{position:absolute;left:0;right:0;top:-30px;height:28px;z-index:4}.game .hand .card-check{padding:3px}.game .hand .card-check input{width:18px;height:18px}.game .card{container-type:inline-size}.game .card>span:not(.corner),.game .card .corner,.game .main-trump .card>span{font-size:19cqw;line-height:1;max-width:26%;text-align:center}.game .card small,.game .main-trump .card small,.game .deck .card small{font-size:16cqw;line-height:1}.game .card>span:not(.corner),.game .card .corner{width:21%;max-width:21%;background:none;box-shadow:none;padding:0;text-align:center;font-variant-numeric:lining-nums;letter-spacing:-.04em}.game .card>span:not(.corner){left:3%!important;top:3%!important}.game .card .corner{right:3%!important;bottom:3%!important}.game .card .court-art{inset:4% 3%!important;width:94%!important;height:92%!important;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;border-radius:0}.game .trump-suit-marker{position:absolute;left:180px;top:40px;width:126px;height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#e4c78e;text-align:center}.game .trump-suit-marker strong{font-size:64px;line-height:1}.game .trump-suit-marker span{font-size:15px}.game .actions .throw-hint{position:absolute;bottom:100%;left:0;width:100%;margin:0 0 10px;font-size:14px;color:#ead3a0;text-align:center}.rank-rules{margin:28px 0;padding-top:20px;border-top:1px solid #8e7241}.rank-rules h3{color:#e5c78e;font-size:24px;margin:0 0 12px}.rank-rules p{font-size:16px;line-height:1.6}.rank-rules-scroll{overflow-x:auto;margin:18px 0}.rank-rules table{width:100%;border-collapse:collapse;font-size:15px;text-align:left}.rank-rules caption{text-align:left;color:#c8b48f;margin-bottom:10px}.rank-rules th,.rank-rules td{padding:12px 10px;border-bottom:1px solid #665437;vertical-align:top}.rank-rules thead{background:#292018;color:#efd6a3}.rank-rules tbody th{font-weight:400}.rank-rules tbody tr:nth-child(2n){background:#af874710}.rank-rules td:nth-child(2){white-space:nowrap;color:#e7bd77}.title-ceremony{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:8px double #a78b50;padding:24px;background:radial-gradient(ellipse at center,#34231a,#100e0b 75%);color:#ead7ac;overflow:auto;text-align:center}.title-ceremony::backdrop{background:#080705ed}.ceremony-content{max-width:850px;min-height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.ceremony-content h1{font-size:clamp(24px,4vw,48px);margin:0;line-height:1.15}.ceremony-content h2{font-size:clamp(24px,4vw,44px);margin:8px 0;color:#fff0ca}.ceremony-content p{margin:4px 0;line-height:1.5}.ceremony-seal{font-size:68px;color:#c5a05b}.ceremony-rank{font-size:clamp(28px,5vw,60px);color:#e5bd6c}.ceremony-joke{font-size:clamp(18px,2.2vw,26px);font-style:italic;max-width:650px}.ceremony-content button{margin-top:20px;padding:16px 32px;font:inherit;font-size:20px;color:#f1dbaf;background:#552621;border:2px solid #bc9757;cursor:pointer}.title-outcome{position:absolute;bottom:10px;left:20%;width:60%;text-align:center;font-size:14px;color:#edcf92;background:#17120ee8;padding:8px;border:1px solid #8e7241;z-index:5}.game{background-image:url(/optimized/imperial-desk-quotes.webp)!important}.table-quotes{position:absolute;inset:0;pointer-events:none}.table-quotes p{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;overflow:hidden;text-align:center;font-family:Georgia,serif;line-height:1.22;transform-origin:center}.table-quotes p>span{display:block;flex:none;width:100%;text-wrap:balance;overflow-wrap:normal;word-break:normal}.quote-book-top{left:1400px;top:32px;width:110px;height:72px;transform:rotate(-12deg);color:#bea06a;text-transform:uppercase}.quote-note{left:28px;top:799px;width:120px;height:148px;transform:rotate(-19deg);color:#423121;font-style:italic;line-height:1.4!important}.quote-book-bottom{left:1410px;top:872px;width:108px;height:88px;transform:rotate(15deg);color:#bea06a;text-transform:uppercase}.community{max-width:900px}.community form,.server-profile{display:grid;gap:16px}.community label{display:grid;gap:8px}.community textarea{box-sizing:border-box;width:100%;background:#191813;color:#ead3a0;border:1px solid #99805a;padding:14px;font:inherit;resize:vertical}.community button,.server-profile button{min-height:44px}.report{border:1px solid #786440;padding:20px;margin:20px 0}.report-message,.report pre{white-space:pre-wrap;overflow-wrap:anywhere}.server-profile{border:1px solid #786440;margin:20px 0;padding:20px}.server-profile input{width:100%;min-width:0;box-sizing:border-box}.invitation img{display:block;margin:12px auto}.invitation input{width:100%;box-sizing:border-box}.bot-policy{font-size:14px!important;line-height:1.4}.bot-policy input{width:auto!important;min-height:24px}.connection-status{position:absolute;top:265px;left:440px;width:650px;font-size:14px;text-align:center;z-index:4}.connection-status button{font-size:13px;padding:4px 10px;margin-left:12px}.opponent .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media(max-width:900px){.app:not(.screen-game){display:block!important}.app:not(.screen-game) aside{position:relative!important;width:auto!important;height:auto!important;padding:12px!important}.app:not(.screen-game) aside .brand{font-size:20px}.app:not(.screen-game) aside .brand .artwork,.app:not(.screen-game) .aside-bottom,.app:not(.screen-game) .nav-caption{display:none!important}.app:not(.screen-game) nav{display:flex;flex-wrap:wrap;gap:4px}.app:not(.screen-game) nav button{width:auto!important;padding:10px!important;font-size:15px!important;min-height:44px}.app:not(.screen-game) main{margin:0!important;padding:12px!important;width:auto!important}.app:not(.screen-game) header{padding:10px!important}.app:not(.screen-game) .breadcrumb{display:none}.app:not(.screen-game) .hero{min-height:420px!important;height:auto!important}.app:not(.screen-game) .hero-copy{position:relative!important;width:auto!important;padding:24px!important}.app:not(.screen-game) .hero h1{font-size:38px!important}.app:not(.screen-game) .hero-copy p{font-size:18px!important}.app:not(.screen-game) .mode-grid{display:grid!important;grid-template-columns:1fr!important}.app:not(.screen-game) .mode{width:auto!important;padding:24px!important}.app:not(.screen-game) .mode h3,.app:not(.screen-game) .mode p,.app:not(.screen-game) .mode label,.app:not(.screen-game) .mode input,.app:not(.screen-game) .mode .buttons{margin-left:0!important}.app:not(.screen-game) .page{padding:16px!important}.app:not(.screen-game) .page h1{font-size:30px}.stats{grid-template-columns:repeat(2,1fr)!important}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.avatar-preview{flex-wrap:wrap}.modal{max-height:90dvh;overflow:auto}@media(orientation:portrait){.screen-game{position:relative!important;inset:auto!important;overflow:auto!important;min-height:100dvh}.screen-game main{padding:0!important;margin:0!important}.screen-game .game{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:100dvh;padding:16px 10px 195px!important;box-sizing:border-box;background-size:auto 100%!important;background-position:center!important;overflow:hidden!important;display:flex;flex-direction:column;gap:12px}.game .table-home{position:relative!important;left:auto!important;top:auto!important;width:auto!important;align-self:flex-start;font-size:16px!important;min-height:44px}.game .game-heading{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;padding:8px!important;min-height:44px}.game .game-heading h2{font-size:23px!important}.game .game-heading>button{position:static!important;font-size:14px!important;min-height:44px}.game .trump-status{position:static!important;transform:none!important;width:auto!important;font-size:13px!important;padding:6px!important}.connection-status{position:static;width:auto;font-size:12px}.connection-status button{min-height:36px}.game .table{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:90px minmax(0,1fr) 65px;gap:8px;background:none!important;border:0!important;padding:0!important;min-height:0!important;height:auto!important}.game .opponents{position:static!important;grid-column:1/-1;width:auto!important;height:auto!important;display:flex!important;justify-content:space-around!important;gap:4px!important;margin-bottom:10px}.game .opponent{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;width:31%!important;min-width:0!important;font-size:12px!important}.game .opponent .avatar{width:52px!important;height:60px!important;position:static!important}.game .opponent b,.game .opponent .player-rank,.game .opponent small{position:static!important;width:auto!important;font-size:11px!important;line-height:1.2!important;text-align:center;overflow-wrap:anywhere}.game .opponent .backs{display:none!important}.game .deck{position:relative!important;inset:auto!important;width:90px!important;font-size:12px!important}.game .deck-cards{height:112px!important}.game .deck .back,.game .deck .secret-back{left:0!important;width:45px!important;height:70px!important;bottom:22px!important}.game .deck .imperial-art{width:45px!important;height:70px!important}.game .deck .main-trump{left:21px!important;bottom:0!important;width:64px!important;height:94px!important}.game .main-trump .card{width:64px!important;height:94px!important}.game .deck b,.game .deck small{position:static!important;display:block!important;width:auto!important;font-size:11px!important;line-height:1.3}.game .secret-indicator{font-size:10px!important}.game .battle{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:225px!important;display:flex!important;flex-wrap:wrap!important;align-content:center;justify-content:center;gap:12px!important;padding:0!important}.game .battle .pair{width:77px!important;height:126px!important}.game .battle .card{width:64px!important;height:94px!important}.game .pair .defense{left:13px!important;top:23px!important}.game .table-message{font-size:14px!important}.game .discard{position:static!important;width:65px!important;font-size:11px!important}.game .discard-art,.game .discard-art .imperial-art{width:48px!important;height:72px!important}.game .table-caption{display:none!important}.game .hand-area{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding-top:45px!important}.game .hand-title{font-size:13px!important;margin:0 0 8px!important}.game .hand{display:flex!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;padding:8px 2px!important;gap:7px!important;box-sizing:border-box;scroll-snap-type:x proximity;--hand-scale:1!important}.game .hand-card{flex:0 0 92px!important;width:92px!important;height:auto!important;transform:none!important;scroll-snap-align:start}.game .hand .card,.game .hand-card.selecting .card{width:92px!important;height:132px!important;transform:none!important}.game .card>span:not(.corner),.game .card .corner{font-size:21px!important}.game .card small{font-size:16px!important}.game .battle .card>span:not(.corner),.game .battle .card .corner,.game .main-trump .card>span:not(.corner),.game .main-trump .card .corner{font-size:15px!important}.game .battle .card small,.game .main-trump .card small{font-size:12px!important}.game .card-check-slot{height:36px!important}.game .card-check input{width:25px;height:25px}.game .reserve-pile{position:absolute!important;left:auto!important;right:0!important;top:-5px!important;width:140px!important;font-size:11px!important;display:flex;align-items:center;gap:6px}.game .reserve-cards{height:46px!important;width:50px!important;margin:0!important;flex:none}.game .reserve-cards .imperial-art{width:30px!important;height:43px!important}.game .reserve-cards .imperial-art:nth-child(2){left:18px!important;top:2px!important}.game .actions{position:relative!important;margin:12px 0 0!important;gap:8px!important;display:flex!important;flex-wrap:wrap!important}.game .actions button{font-size:18px!important;min-height:48px!important;min-width:120px!important;padding:10px!important;flex:1}.game .actions>span{width:100%;font-size:12px!important}.game .actions .throw-hint{position:static!important;font-size:12px!important;order:-1}.game .batch-inline{position:static!important;width:auto!important;flex-wrap:wrap;font-size:13px!important}.game .batch-inline button{min-height:44px}.game .defense-prompt{position:static!important;grid-column:1/-1;font-size:13px!important}.game .log{position:fixed!important;inset:10% 5%!important;width:90%!important;max-height:80dvh!important;box-sizing:border-box}.game .table-quotes{top:auto;bottom:8px;height:165px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:0 10px;box-sizing:border-box}.table-quotes p{position:relative;inset:auto!important;width:29%!important;height:130px!important;padding:15px 10px!important;flex:none;box-sizing:border-box;transform:none!important;font-size:12px;background:#221a13;border:3px double #8f7446;box-shadow:4px 4px #15120e,7px 7px #5e472b;border-radius:3px 8px 8px 3px}.table-quotes p>span{max-height:100%;overflow:hidden}.table-quotes .quote-note{background:#d4b887;color:#392515;border:0;transform:rotate(-9deg)!important;box-shadow:2px 3px 6px #0009}.table-quotes .quote-book-top{transform:rotate(-6deg)!important}.table-quotes .quote-book-bottom{transform:rotate(7deg)!important}}}@media(max-width:900px){.app:not(.screen-game) .mode>.artwork{display:none!important}.app:not(.screen-game) .player-control,.app:not(.screen-game) .mode>button,.app:not(.screen-game) .mode select{margin-left:0!important;width:100%!important}.app:not(.screen-game) nav{margin-top:0!important}@media(orientation:portrait){.game .opponents{min-height:105px!important}.game .hand{height:auto!important;min-height:150px!important;align-items:flex-start!important}.game .hand-card{height:132px!important;position:relative!important}.game .hand-card.selecting{height:168px!important}.game .hand-card .card{position:relative!important;inset:auto!important;transform:none!important}.game .hand-title{height:auto!important}.game .actions{margin-right:0!important}.game .table-quotes p>span{max-height:none;overflow:visible}.game .table-message>span{display:none!important}.game .battle{min-height:180px!important}}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.leaderboard{padding-left:24px}.leaderboard li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #786440}.leaderboard small{display:block;font-size:12px}.leaderboard strong{margin-left:auto;white-space:nowrap}.leaderboard img{border-radius:50%}@media(orientation:landscape)and (max-height:600px){.screen-game .game{height:860px;background-size:1536px 860px}.game .table-home{left:130px;top:20px}.game .opponents{top:100px;height:155px}.game .opponent{grid-template-rows:80px auto auto auto}.game .opponent .avatar{width:80px;height:80px}.game .opponent b{font-size:20px}.game .opponent .player-rank{font-size:17px}.game .opponent small{font-size:15px;max-width:200px;width:200px}.game .backs i{height:75px}.game .battle{top:255px;height:240px;gap:12px;flex-wrap:nowrap}.game .battle .pair{width:108px;height:165px}.game .battle .card{width:90px;height:135px}.game .battle .defense{left:18px;top:18px}.game .deck{top:285px}.game .discard{top:280px}.game .hand-area{top:500px;height:350px}.game .hand-title{font-size:19px;height:24px;margin-left:180px}.game .hand{height:224px;padding:4px 0}.game .actions{position:relative;margin:4px 0 0;gap:8px}.game .actions button{min-height:64px;font-size:28px;padding:10px 22px}.game .actions>span{font-size:17px;line-height:1.1}.game .actions .throw-hint{display:none}.game .reserve-pile{top:20px}.game .trump-status{font-size:18px;top:78px;padding:2px;width:600px;left:468px}.game .connection-status{top:238px;font-size:16px}.game .defense-prompt{top:244px;font-size:18px}.game .table-quotes .quote-book-top{top:26px}.game .table-quotes .quote-note{top:670px;height:124px}.game .table-quotes .quote-book-bottom{top:732px;height:74px}.game .batch-inline{bottom:auto;top:-42px;font-size:18px}.game .batch-inline button{min-height:40px}.game .log{top:110px;max-height:600px;overflow:auto}}.suit-vector,.pip-vector,.mobile-cards .card .suit-text,.mobile-cards .card .pip-text{display:none}.mobile-cards .card .suit-vector{display:block;width:100%;height:100%;overflow:visible}.mobile-cards .card .pip-vector{display:block}.mobile-cards .game .card,.mobile-cards .game .hand .card:disabled{color:#393026!important}.mobile-cards .game .card.red,.mobile-cards .game .hand .card.red:disabled{color:#703f36!important}.mobile-cards .game .card>span:not(.corner),.mobile-cards .game .card .corner{font-size:17cqw!important;width:23%;max-width:23%;line-height:1.05!important;letter-spacing:-.04em}.mobile-cards .game .card>span:not(.corner){left:4%!important;top:4%!important}.mobile-cards .game .card .corner{right:4%!important;bottom:4%!important}.mobile-cards .game .card small{position:static!important;display:block!important;width:11cqw!important;height:11cqw!important;max-width:none!important;margin:2cqw auto 0!important;font-size:11cqw!important;line-height:1!important;color:inherit}.app.screen-home{position:fixed!important;left:50%;top:50%;width:1844px!important;height:852px!important;min-height:0!important;display:block!important;transform:translate(-50%,-50%) scale(var(--menu-scale,1));transform-origin:center;overflow:hidden;background:#10100e url(/optimized/menu-approved.png) center/100% 100% no-repeat}.app.screen-home main{position:absolute!important;inset:0!important;width:1844px!important;height:852px!important;margin:0!important;padding:0!important;max-width:none!important}.screen-home header{display:none!important}.menu-nav{background:#10100e!important;width:220px!important;padding:20px 12px!important;z-index:4}.menu-brand{text-align:center;color:#d1bd94;font:24px Georgia;line-height:1.05}.menu-brand>span{display:block;font-size:72px}.menu-nav nav{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:24px!important}.menu-nav nav button{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:48px;text-align:left;font:20px Georgia!important;padding:10px!important;color:#d6c8af!important;border:1px solid transparent;border-radius:0!important}.menu-nav nav button span{display:inline!important;font:inherit!important}.menu-nav nav i{font-style:normal;width:30px;text-align:center}.menu-nav nav button.active{background:#421b19!important;border:3px double #ad9067!important}.app.screen-home .menu-nav{position:absolute!important;left:0!important;top:0!important;bottom:auto!important;width:290px!important;height:852px!important;padding:0!important;background:transparent!important;border:0!important}.screen-home .menu-brand{height:273px;opacity:0}.screen-home .menu-nav nav{margin:0!important;gap:0!important;padding:0 12px}.screen-home .menu-nav nav button.active{background:linear-gradient(110deg,#49201c,#301312)!important}.screen-home .menu-nav nav button{height:80px!important;min-height:0!important;font-size:30px!important;background:#0d0e0c!important;padding:8px 24px!important;gap:20px!important}.screen-home .menu-nav nav button:first-child{height:98px!important}.screen-home .menu-nav nav i{font-size:39px;width:44px}.screen-home .menu-nav nav button:last-child{font-size:26px!important}.approved-home{position:absolute;inset:0;color:#d9cfba;font-family:Georgia,serif}.menu-slogan{position:absolute;left:354px;top:40px;width:550px;font-size:72px;line-height:1;background:#10110f}.screen-home .menu-slogan{opacity:0;background:none;border:0;box-shadow:none}.screen-home .menu-nav nav{background:repeating-linear-gradient(0deg,#0d0e0c,#0d0e0c 2px,#10110e 3px);position:absolute!important;left:16px!important;top:273px!important;width:258px!important;height:498px!important;padding:0!important;box-shadow:0 -12px 12px -2px #0d0e0c,0 12px 12px -2px #0d0e0c}.app.screen-home .menu-nav{display:block!important;flex-direction:column!important;box-shadow:none!important;transform:none!important}.app.screen-home .menu-nav nav{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important}.app.screen-home .menu-nav nav button{width:100%!important;margin:0!important;flex:none!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.app.screen-home .menu-nav nav i{font-variant-emoji:text}.screen-home .menu-nav nav button,.screen-home .menu-nav nav button.active,.screen-home .menu-nav nav button:hover:not(:disabled){border:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}.screen-home .menu-nav nav button.active{color:#c9a36c!important}.screen-home .menu-nav nav button:hover:not(:disabled){color:#ead7af!important}.menu-identity{position:absolute;left:1324px;top:43px;width:475px;height:143px;background:#10110f;display:flex;align-items:center;gap:30px;padding:5px 15px;border:2px solid #75654c;border-radius:70px 5px 5px 70px}.menu-identity img{width:125px;height:125px;object-fit:cover;border:2px solid #a18b62;border-radius:50%}.menu-identity b{display:block;font-size:40px;font-weight:400}.menu-identity span{display:block;font-size:26px;margin-top:15px}.approved-home section{position:absolute;top:224px;height:590px;width:750px;background:none;border:0;padding:0}.approved-bots{left:310px}.approved-room{left:1094px;width:720px!important}.approved-home h1{position:absolute;left:40px;top:22px;font-size:58px;font-weight:400;line-height:1.1;margin:0;background:#0d0e0c;padding:4px 0}.approved-home p{position:absolute;left:40px;top:91px;margin:0;padding:4px 0;background:#0d0e0c;font-size:30px;line-height:1.2}.approved-home button,.approved-home select,.approved-home input{font-family:Georgia,serif!important;color:#e1d1b4!important;border:3px double #907552!important;border-radius:7px!important;background:#10120f!important;box-shadow:inset 0 0 0 2px #17130d!important;font-weight:400!important}.approved-home button:hover{transform:none;background:#30231b!important}.approved-home button[aria-pressed=true],.approved-home .menu-start,.approved-home .room-controls button:first-child{background:linear-gradient(110deg,#49201c,#301312)!important}.approved-home button,.approved-home button:hover:not(:disabled),.approved-home button:active{transform:none!important;transition:color .15s,border-color .15s;filter:none;text-shadow:none}.approved-home button:disabled{opacity:1!important;color:#9c927e!important;cursor:not-allowed;background:#10120f!important}.approved-bots:has(.menu-new):after{content:"";position:absolute;left:206px;top:450px;width:519px;height:140px;background:#0d0e0c;pointer-events:none}.approved-bots:has(.menu-new) .menu-start{top:450px;height:80px;z-index:1}.approved-bots .menu-new{top:538px;bottom:auto;left:211px;width:509px;height:46px;font-size:28px!important;z-index:1}.count-caption{position:absolute;left:43px;top:190px;width:330px;background:#0d0e0c;font-size:27px;padding:5px 0;margin:0}.menu-count{position:absolute;left:43px;top:244px;display:flex;gap:8px}.menu-count button{width:151px;height:73px;font-size:38px!important;padding:0!important}.menu-level{position:absolute;left:212px;top:335px;display:block;width:505px;font-size:27px;background:#0d0e0c;margin:0;padding:3px 0}.menu-level select{display:block;width:100%;height:64px;font-size:30px;margin-top:13px;padding:8px 24px}.approved-home .menu-start{position:absolute;left:211px;top:458px;width:509px;height:95px;font-size:39px;padding:0!important}.menu-new{position:absolute;bottom:0;left:215px;width:500px;height:31px;padding:0;font-size:22px!important}.room-tabs{position:absolute;left:38px;top:211px;width:640px;display:flex;gap:0}.room-tabs button{width:50%;height:80px;font-size:35px;padding:0!important}.room-explanation{position:absolute;left:38px;top:303px;width:640px;height:32px;background:#10110f;font-size:22px;text-align:center}.room-code{position:absolute;left:38px;top:341px;width:640px;height:78px!important;max-width:none!important;font-size:29px!important;padding:14px 35px!important;margin:0!important;box-sizing:border-box}.bluetooth-instruction{background:#10110f;border:3px double #907552;border-radius:7px;font-size:25px!important;color:#d2bc92}.room-controls{position:absolute;left:38px;top:445px;display:flex;gap:20px}.room-controls button{width:310px;height:100px;font-size:36px;padding:0!important}.menu-status{position:absolute;left:38px;top:554px;width:640px;background:#10110f;font-size:18px;text-align:center}.menu-room-overlay{position:absolute;inset:0;background:#000b;z-index:6;display:grid;place-items:center}.menu-room-overlay>div{background:#181611;border:2px solid #96794e;padding:25px;width:800px;max-height:740px;overflow:auto;font-size:25px}.menu-room-overlay button{padding:15px;margin:8px;font-size:25px}.app:not(.screen-home):not(.screen-game) main{margin-left:220px;width:calc(100% - 220px)}@media(max-height:600px){.app:not(.screen-home):not(.screen-game) .menu-nav{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;width:145px!important;padding:6px!important;overflow:auto}.app:not(.screen-home):not(.screen-game) .menu-brand{font-size:16px}.app:not(.screen-home):not(.screen-game) .menu-brand>span{font-size:32px}.app:not(.screen-home):not(.screen-game) .menu-nav nav{margin-top:8px!important;gap:0!important}.app:not(.screen-home):not(.screen-game) .menu-nav nav button{font-size:15px!important;padding:5px!important;gap:4px!important;min-height:39px}.app:not(.screen-home):not(.screen-game) main{margin-left:145px!important;width:calc(100% - 145px)!important;padding:10px!important}.app:not(.screen-home):not(.screen-game) header{display:none}}.rating-table{width:100%;border-collapse:collapse;font-size:18px}.rating-table th,.rating-table td{padding:12px 10px;border-bottom:1px solid #695333;text-align:left}.rating-table th{color:#c4a578}.rating-table td img{width:40px;height:40px;vertical-align:middle;margin-right:12px;border-radius:50%}.rating-table-wrap{overflow:auto}.rating-page h1{margin-bottom:12px}.rating-page p{font-size:16px}@media(min-width:901px),(orientation:landscape){:is(.browser-app,.native-app).screen-game .game{width:1844px;height:852px;background-image:none!important;background-color:#251c15}:is(.browser-app,.native-app).screen-game .game:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:233px 375px 250px 233px;border-image-source:url(/optimized/imperial-desk-quotes.webp);border-image-slice:280 450 300 280 fill;border-image-width:233px 375px 250px 233px;border-image-repeat:stretch}:is(.browser-app,.native-app) .game .game-heading{left:732px;top:13px}:is(.browser-app,.native-app) .game .game-heading>button{left:1260px}:is(.browser-app,.native-app) .game .trump-status{top:80px;left:622px;width:600px}:is(.browser-app,.native-app) .game .opponents{left:410px;top:112px;width:1080px;height:155px}:is(.browser-app,.native-app) .game .opponent{grid-template-rows:80px auto auto auto}:is(.browser-app,.native-app) .game .opponent .avatar{width:80px;height:80px}:is(.browser-app,.native-app) .game .backs i{height:75px}:is(.browser-app,.native-app) .game .deck{left:70px;top:282px}:is(.browser-app,.native-app) .game .discard{left:1560px;top:282px}:is(.browser-app,.native-app) .game .battle{left:492px;top:258px;width:860px;height:225px;gap:12px;flex-wrap:nowrap}:is(.browser-app,.native-app) .game .battle .pair{width:128px;height:195px}:is(.browser-app,.native-app) .game .battle .card{width:110px;height:165px}:is(.browser-app,.native-app) .game .battle .defense{left:18px;top:18px}:is(.browser-app,.native-app) .game .hand-area{left:422px;top:495px;height:345px}:is(.browser-app,.native-app) .game .hand-title{height:24px;font-size:17px;margin-left:0}:is(.browser-app,.native-app) .game .hand{height:224px;padding:4px 0}:is(.browser-app,.native-app) .game .reserve-pile{left:1138px;top:10px}:is(.browser-app,.native-app) .game .actions{position:relative;margin:4px 0 0;gap:8px}:is(.browser-app,.native-app) .game .actions button{min-height:64px;font-size:28px;padding:10px 22px}:is(.browser-app,.native-app) .game .actions>span{font-size:17px;line-height:1.1}:is(.browser-app,.native-app) .game .actions .throw-hint{display:none}:is(.browser-app,.native-app) .game .connection-status{left:600px;top:238px}:is(.browser-app,.native-app) .game .defense-prompt{left:580px;top:239px}:is(.browser-app,.native-app) .game .batch-inline{bottom:auto;top:-42px}:is(.browser-app,.native-app) .game .log{left:570px;top:130px;max-height:580px;overflow:auto}:is(.browser-app,.native-app) .game .quote-book-top{left:1731px;top:27px;width:92px;height:60px}:is(.browser-app,.native-app) .game .quote-note{left:23px;top:665px;width:100px;height:123px}:is(.browser-app,.native-app) .game .quote-book-bottom{left:1739px;top:725px;width:90px;height:73px}}.game .connection-status{position:absolute!important;left:135px!important;top:89px!important;width:265px;z-index:30;font-size:15px;text-align:left;display:block;background:none;border:0;padding:0}.game .connection-status summary{cursor:pointer;color:#d5bd89;list-style:none;text-align:center}.game .connection-panel{background:#191810;border:1px solid #89764b;padding:12px;box-shadow:0 4px 15px #0009}.game .connection-panel p{margin:0 0 10px}.game .connection-panel button{font-size:14px;margin:4px;padding:6px}.app.screen-home{left:var(--visible-center-x)!important;top:var(--visible-center-y)!important}@media(min-width:901px),(orientation:landscape){.screen-game .game{left:var(--visible-center-x)!important;top:var(--visible-center-y)!important}}.game .fullscreen-toggle{position:absolute;left:1260px;top:62px;z-index:8;padding:5px 12px;font:17px Georgia;color:#ead7ac;background:#171510;border:1px solid #9d834c;border-radius:3px;transform:none!important}.game .fullscreen-help{position:absolute;left:572px;top:300px;width:700px;padding:28px;z-index:30;background:#171510;color:#ead7ac;border:2px solid #9d834c;font:24px/1.4 Georgia;box-shadow:0 8px 40px #000}@media(max-width:900px)and (orientation:portrait){.game .fullscreen-toggle{position:relative;left:auto;top:auto;align-self:flex-end}.game .fullscreen-help{position:fixed;left:5%;top:20%;width:90%;font-size:18px}}