@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f0e5;background:#071018;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071018}button{font:inherit}button:focus-visible{outline:3px solid #f2d47e;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.game-shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 40%,#18333a 0,#0c1a23 44%,#050b12)}.topbar{height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#061019e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d9ba7270;transform:rotate(45deg);color:#e8ca82;box-shadow:inset 0 0 18px #d9ba7218,0 0 20px #d9ba720c}.brand-mark i{transform:rotate(-45deg);font: 700 20px Cinzel}h1{font:700 20px Cinzel;letter-spacing:.08em;margin:0;color:#f5e6bc}.brand p{margin:2px 0 0;color:#80929c;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.header-actions{display:flex;align-items:center;gap:18px}.turn-counter{color:#778b95;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.ghost-button,.secondary-button{color:#ded3b0;background:#07131b66;border:1px solid #bda86666;padding:9px 16px;border-radius:7px;cursor:pointer;transition:.2s}.ghost-button:hover,.secondary-button:hover{background:#d3b86c16;border-color:#d3b86c}.table{position:relative;flex:1;display:grid;grid-template-rows:minmax(135px,1fr) minmax(150px,auto) auto minmax(210px,1.2fr);min-height:670px;padding:14px clamp(10px,4vw,64px) 20px;isolation:isolate;background-image:linear-gradient(#06101722,#06101722),radial-gradient(#ffffff09 1px,transparent 1px);background-size:auto,22px 22px}.table:before{content:"";position:absolute;inset:2% 5%;border:1px solid #b9aa6c0c;border-radius:48%;z-index:-1;box-shadow:inset 0 0 100px #0005}.ambient{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(90px);opacity:.09;z-index:-1}.ambient-one{background:#46d6aa;top:10%;left:10%}.ambient-two{background:#e0683a;right:8%;bottom:18%}.opponent-zone,.player-zone{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}.player-label{display:flex;align-items:center;gap:10px;margin-bottom:12px}.player-label div{display:grid;gap:3px}.player-label strong{font:600 13px Cinzel;letter-spacing:.04em}.player-label div span{font-size:11px;color:#8297a1}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#182a33;border:1px solid #9fb2b755;color:#c9d6d7;font:600 10px Cinzel;transition:.3s}.avatar.thinking{border-color:#d8c271;box-shadow:0 0 18px #d8c27155;color:#f0dd9a}.hidden-hand{display:flex;justify-content:center;position:relative;padding-left:22px}.extra-cards{align-self:center;margin-left:8px;color:#cfbd7e;font:600 11px Cinzel}.card-back{--card-index: 0;width:66px;height:96px;margin-left:-22px;border:2px solid #78838a;border-radius:9px;background:repeating-linear-gradient(45deg,#1c313c,#1c313c 5px,#12232c 5px 10px);box-shadow:0 8px 18px #0008,inset 0 0 0 4px #0a141b,inset 0 0 0 5px #af9a5f55;display:grid;place-items:center;transform:rotate(calc((var(--card-index) - 5) * .8deg))}.card-back:first-child{margin-left:0}.card-back span{font:700 23px Cinzel;color:#cdb56d;border:1px solid #cdb56d88;width:40px;height:58px;display:grid;place-items:center;border-radius:50%}.card-back.stacked{width:91px;height:131px;margin:0;transform:none;box-shadow:5px 4px #172631,9px 8px #080f14,0 12px 22px #0009,inset 0 0 0 4px #0a141b,inset 0 0 0 5px #af9a5f55}.play-zone{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,42px);position:relative}.pile{display:grid;gap:8px;justify-items:center;border:0;padding:0;color:inherit;background:transparent}.pile-label{color:#7e939b;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.draw-pile{cursor:pointer}.draw-pile:disabled{cursor:not-allowed;opacity:.62}.card{width:91px;height:131px;flex:0 0 auto;position:relative;border-radius:10px;border:2px solid #fff7ddc2;color:#fff;box-shadow:0 12px 25px #0008,inset 0 0 30px #0004;display:grid;place-items:center;overflow:hidden}.card-face{appearance:none;padding:0}.card:after{content:"";position:absolute;inset:14px 12px 15px;border:1px solid #ffffff4d;border-radius:48%;transform:rotate(-20deg)}.card-center{font:700 37px Cinzel;z-index:2;text-shadow:0 3px 8px #0008}.card-sigil{position:absolute;font-size:60px;opacity:.12;transform:rotate(-17deg)}.card-label{position:absolute;bottom:9px;font:700 7px Inter;letter-spacing:.12em;text-transform:uppercase;z-index:2}.corner{position:absolute;top:7px;left:7px;display:grid;font:700 14px Cinzel;line-height:1;z-index:3}.corner small{font-size:8px;margin-top:2px}.ember-card{background:linear-gradient(145deg,#ed6740,#8b2029)}.tide-card{background:linear-gradient(145deg,#329cca,#16466f)}.gale-card{background:linear-gradient(145deg,#48b18b,#1a5d59)}.stone-card{background:linear-gradient(145deg,#ad8251,#514133)}.neutral-card{background:linear-gradient(145deg,#8d69ba,#3c275e 70%)}.discard-pile .card{pointer-events:none}.active-suit{align-self:center;display:grid;gap:5px;min-width:145px;padding:11px 15px;border-left:2px solid currentColor;background:#071119aa;box-shadow:0 8px 22px #0003}.active-suit span{color:#71868e;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.active-suit strong{font:600 14px Cinzel}.active-suit strong i{font-style:normal;font-size:17px}.active-suit.ember{color:#f19b73}.active-suit.tide{color:#70c9ec}.active-suit.gale{color:#74d5b1}.active-suit.stone{color:#d0aa77}.turn-banner{max-width:min(90vw,600px);justify-self:center;margin:12px 0;padding:8px 16px;border-radius:22px;background:#10242be8;border:1px solid #66b69b44;color:#bce3d4;font-size:12px;display:flex;align-items:center;gap:8px;text-align:center}.turn-banner.ai{border-color:#bda86655;color:#e2d4a5}.pulse-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#63d3a9;box-shadow:0 0 10px #63d3a9}.turn-banner.ai .pulse-dot{background:#dec576;box-shadow:0 0 10px #dec576}.turn-banner.thinking .pulse-dot{animation:pulse 1s infinite}.your-label{width:min(100%,900px);display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:4px;color:#899aa2;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.your-label b{color:#c9ba8a;font-size:9px}.hand-scroll{width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:#8e805155 transparent;padding:14px 0 2px}.hand{min-width:max-content;display:flex;justify-content:center;padding:0 34px 0 58px}.hand .card{margin-left:-24px;transform:translateY(7px);transition:transform .2s ease,filter .2s,opacity .2s,box-shadow .2s}.hand .card:first-child{margin-left:0}.hand .card.playable{cursor:pointer;transform:translateY(0);box-shadow:0 0 0 2px #ecd88d,0 0 25px #dfc16c44,0 12px 25px #0008}.hand .card.playable:hover{transform:translateY(-13px) rotate(-1deg);z-index:5}.hand .card.muted{filter:saturate(.58) brightness(.69);opacity:.82}.hand .card.newly-drawn{animation:drawn .5s ease both}.controls{display:flex;align-items:center;gap:12px;margin-top:12px;color:#82959d;font-size:11px}.primary-button{border:1px solid #edd58a;background:linear-gradient(#e1ca82,#b89b50);color:#142028;padding:10px 18px;border-radius:7px;font-weight:700;cursor:pointer;box-shadow:0 5px 16px #0007;transition:.2s}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#02070cd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease}.suit-modal,.game-over{width:min(100%,470px);padding:32px;border:1px solid #c1ab6666;border-radius:14px;background:radial-gradient(circle at 50% 0,#243339,#0b161e 62%);box-shadow:0 25px 80px #000c,inset 0 0 50px #bfa86b0c;text-align:center}.modal-eyebrow{color:#b9a66c;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.suit-modal h2,.game-over h2{margin:8px 0 7px;color:#f2e4bb;font:700 24px Cinzel}.suit-modal p,.game-over p{margin:0 auto 23px;color:#879aa3;font-size:12px;line-height:1.6}.suit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.suit-choice{aspect-ratio:.82;border:1px solid #ffffff24;border-radius:9px;color:#fff;cursor:pointer;display:grid;place-items:center;align-content:center;gap:4px;transition:.2s}.suit-choice:hover{transform:translateY(-4px);border-color:#fff9}.suit-choice b{font:700 28px Cinzel}.suit-choice span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.suit-choice.ember{background:linear-gradient(145deg,#c9492e,#6e1c25)}.suit-choice.tide{background:linear-gradient(145deg,#247ca6,#153c61)}.suit-choice.gale{background:linear-gradient(145deg,#348e70,#174f4c)}.suit-choice.stone{background:linear-gradient(145deg,#8e693f,#47382d)}.modal-cancel{margin-top:22px;border:0;background:transparent;color:#8ea0a7;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:3px}.result-rune{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid #d6be7355;color:#e6ca78;font-size:30px;box-shadow:0 0 28px #e6ca7822}.turn-result{margin:4px auto 23px;display:grid}.turn-result strong{color:#f2df9d;font:700 30px Cinzel}.turn-result span{color:#728790;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.debug-panel{position:fixed;left:12px;bottom:12px;z-index:40;width:min(330px,calc(100vw - 24px));border:1px solid #ffffff22;border-radius:7px;background:#050a0feb;color:#aab8bd;font:10px/1.5 ui-monospace,monospace}.debug-panel summary{padding:7px 10px;cursor:pointer;color:#c8b879}.debug-panel dl{display:grid;grid-template-columns:105px 1fr;padding:0 10px}.debug-panel dt,.debug-panel dd{margin:0}.debug-panel p{padding:0 10px 8px}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes drawn{0%{transform:translateY(-35px) scale(.8);opacity:0}}@keyframes fade-in{0%{opacity:0}}@media(max-width:700px){.topbar{height:64px;padding-inline:16px}.brand-mark{width:34px;height:34px}.brand h1{font-size:16px}.turn-counter{display:none}.table{min-height:calc(100vh - 64px);grid-template-rows:minmax(120px,.8fr) minmax(132px,auto) auto minmax(215px,1.2fr);padding-inline:5px}.card-back{width:56px;height:82px;margin-left:-21px}.card-back span{transform:scale(.8)}.card,.card-back.stacked{width:73px;height:106px}.card-center{font-size:30px}.card-sigil{font-size:46px}.card-label{font-size:6px}.play-zone{gap:17px}.active-suit{position:absolute;right:-6px;top:52px;min-width:110px;padding:8px 10px;transform:scale(.82);transform-origin:right center}.hand{justify-content:flex-start;padding-left:28px;padding-right:25px}.hand .card{margin-left:-15px}.controls span{display:none}.controls{margin-top:8px}.suit-grid{grid-template-columns:repeat(2,1fr)}.suit-choice{aspect-ratio:1.5}.suit-modal,.game-over{padding:27px 22px}.debug-panel{display:none}}@media(max-height:760px)and (min-width:701px){.table{min-height:590px;grid-template-rows:120px 140px auto 190px}.card,.card-back.stacked{width:78px;height:112px}.card-back{width:56px;height:82px}.hand .card{margin-left:-20px}}.capitalize{text-transform:capitalize}.text-button{border:0;background:transparent;color:#8fa1a8;padding:8px 3px;font-size:11px;cursor:pointer}.text-button:hover{color:#edda9b}.kind-shield{box-shadow:0 12px 25px #0008,inset 0 0 0 3px #fff2a71a,inset 0 0 35px #f2dd8b33}.kind-surge .card-center{text-shadow:0 0 14px #fff,0 3px 8px #0008}.kind-echo{background:linear-gradient(145deg,#725fa5,#263c6c)}.kind-exchange{background:linear-gradient(145deg,#9a5e91,#493052)}.ability-tooltip{position:absolute;inset:7px;z-index:9;border-radius:7px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px;background:#071018f2;color:#dce5e3;font:500 8px/1.35 Inter;opacity:0;transform:scale(.92);transition:.16s;pointer-events:none}.ability-tooltip b{color:#eedb9a;font:700 9px Cinzel}.card-face:hover .ability-tooltip,.card-face:focus-visible .ability-tooltip{opacity:1;transform:scale(1)}.played-card{animation:card-arrive .34s cubic-bezier(.2,.8,.2,1)}.turn-banner b{margin-left:5px;padding:3px 7px;border-radius:10px;background:#e0ca771c;color:#ead891;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.setup-screen{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 28%,#24404a 0,#0b1720 42%,#050a10);color:#f4ecd8}.setup-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%)}.setup-atmosphere{position:absolute;width:520px;height:520px;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #cdb97314;box-shadow:0 0 110px #6db79c17,inset 0 0 90px #b8a4610b}.setup-header{position:relative;height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.setup-header nav{display:flex;gap:22px}.setup-header nav button{border:0;background:transparent;color:#90a1a8;cursor:pointer;font-size:11px}.setup-header nav button:hover{color:#e7d497}.setup-panel{position:relative;width:min(760px,calc(100% - 30px));margin:28px auto;padding:26px 38px 34px;text-align:center;border:1px solid #b6a2612b;border-radius:18px;background:linear-gradient(145deg,#12232bdf,#09131be6);box-shadow:0 30px 90px #0009,inset 0 0 80px #b9a6620a}.opponent-portrait{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;border:1px solid #d3bc7055;color:#efd989;font:700 34px Cinzel;background:radial-gradient(circle,#35464b,#0d1b23 70%);box-shadow:0 0 30px #d3bc7020}.opponent-portrait.aggressive{color:#ff9a70;border-color:#df6a4655;box-shadow:0 0 34px #d7512e2e}.opponent-portrait.hoarder{color:#c6a67a;border-color:#9e7c5555;box-shadow:0 0 34px #8d6e4928}.setup-panel h2{margin:7px 0 1px;font:700 30px Cinzel;color:#f2e2b3}.opponent-title{margin:0 0 23px;color:#718790;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.setup-group{margin-top:18px;text-align:left}.setup-group>label{display:block;margin-bottom:8px;color:#889ba2;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.segmented,.personality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.segmented button,.personality-grid button{min-height:68px;display:grid;align-content:center;gap:4px;padding:10px;border:1px solid #ffffff16;border-radius:9px;color:#aebcc0;background:#0711199c;cursor:pointer;text-align:left;transition:.2s}.segmented button b,.personality-grid button b{text-transform:capitalize;color:#e0d8c0;font:600 12px Cinzel}.segmented button small,.personality-grid button small{color:#71858d;font-size:9px;line-height:1.3}.segmented button.selected,.personality-grid button.selected{border-color:#cbb66d8c;background:#cbb66d10;box-shadow:inset 0 0 28px #cbb66d0e}.personality-grid button{grid-template-columns:28px 1fr}.personality-grid button>span{grid-row:1/3;align-self:center;color:#e1c977;font:700 21px Cinzel}.start-match{margin-top:25px;min-width:190px}.start-match span{margin-left:14px}.event-log{position:absolute;right:clamp(12px,3vw,42px);top:50%;width:210px;transform:translateY(-42%);padding:12px 14px;border:1px solid #ffffff10;border-radius:9px;background:#07131bbb;box-shadow:0 12px 30px #0004}.event-title{display:flex;align-items:center;gap:8px;color:#bcae7f;font-size:8px;text-transform:uppercase;letter-spacing:.14em}.event-title i{height:1px;flex:1;background:#bcae7f2a}.event-log ol{list-style:none;margin:8px 0 0;padding:0}.event-log li{padding:5px 0;border-top:1px solid #ffffff08;color:#657a83;font-size:9px;line-height:1.35}.event-log li.latest{color:#bac8c8}.choice-modal,.info-modal{position:relative;width:min(100%,620px);max-height:min(88vh,760px);overflow:auto;padding:32px;border:1px solid #c1ab6666;border-radius:14px;background:radial-gradient(circle at 50% 0,#243339,#0b161e 62%);box-shadow:0 25px 80px #000c,inset 0 0 50px #bfa86b0c;text-align:center}.choice-modal h2,.info-modal h2{margin:8px 0 7px;color:#f2e4bb;font:700 25px Cinzel}.choice-modal>p,.info-modal>p{color:#879aa3;font-size:12px;line-height:1.55}.choice-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px 0}.choice-cards.scrollable{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:12px}.card.compact{width:82px;height:118px}.modal-close{position:absolute;top:13px;right:15px;width:30px;height:30px;border:1px solid #ffffff1e;border-radius:50%;background:#07101888;color:#aebcbf;cursor:pointer;font-size:20px}.modal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.result-grid,.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.result-grid div,.stats-grid div{padding:13px 7px;border:1px solid #ffffff12;border-radius:8px;background:#07121988;display:grid;gap:3px}.result-grid strong,.stats-grid strong{color:#f1d98d;font:700 20px Cinzel}.result-grid span,.stats-grid span{color:#71858d;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-detail,.difficulty-wins{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.stats-detail span,.difficulty-wins span{padding:10px;border-bottom:1px solid #ffffff10;color:#8799a0;font-size:10px;display:flex;justify-content:space-between}.stats-detail b,.difficulty-wins b{color:#e9d590}.info-modal h3{margin:22px 0 5px;color:#d6c89d;font:600 13px Cinzel}.danger-button{margin-top:20px;border:1px solid #b45d5d66;border-radius:7px;padding:9px 14px;background:#6f292922;color:#d78d8d;cursor:pointer}.rules-modal{width:min(100%,720px);text-align:left}.rules-modal>h2,.rules-modal>.modal-eyebrow{display:block;text-align:center}.rules-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.rules-intro>div{padding:13px;border:1px solid #ffffff10;border-radius:8px;background:#07131a88}.rules-intro b,.rule-cards b{display:block;color:#e3d39e;font:600 11px Cinzel}.rules-intro p{margin:5px 0 0;color:#7e9299;font-size:10px;line-height:1.45}.rule-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rule-cards>div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:8px 11px;border:1px solid #ffffff0e;border-radius:7px}.rule-cards>div>span{color:#e7ca76;font:700 21px Cinzel;text-align:center}.rule-cards p{margin:0;color:#7f9299;font-size:9px;line-height:1.35}.winning-rule{margin-top:18px!important;text-align:center}.score-list{display:grid;gap:2px;padding:0 10px 10px}.score-list span{color:#84969c}.score-list strong{margin-top:4px;color:#dccb91}@keyframes card-arrive{0%{opacity:0;transform:translate(-55px,-35px) rotate(-12deg) scale(.75)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1050px){.event-log{top:16px;right:14px;transform:none;width:185px}.event-log li:nth-child(n+4){display:none}}@media(max-width:700px){.header-actions{gap:8px}.text-button{display:none}.setup-header{height:64px;padding-inline:16px}.setup-header nav{gap:12px}.setup-panel{margin:15px auto;padding:20px 14px 24px}.opponent-portrait{width:60px;height:60px;font-size:27px}.setup-panel h2{font-size:24px}.segmented,.personality-grid{gap:6px}.segmented button,.personality-grid button{min-height:66px;padding:8px}.segmented button small{display:none}.personality-grid button{grid-template-columns:1fr;text-align:center}.personality-grid button>span{grid-row:auto;font-size:18px}.personality-grid button small{display:none}.event-log{position:absolute;top:8px;right:7px;width:150px;padding:7px 9px}.event-log ol{margin-top:4px}.event-log li{display:none}.event-log li.latest{display:block;font-size:8px}.result-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.rules-intro,.rule-cards{grid-template-columns:1fr}.choice-modal,.info-modal{padding:28px 16px 22px}.ability-tooltip{font-size:7px}.hand-scroll{padding-bottom:7px}.hand .card{min-width:73px}}@media(max-width:390px){.brand p{display:none}.ghost-button{padding:8px 10px}.table{grid-template-rows:minmax(112px,.75fr) minmax(126px,auto) auto minmax(205px,1.25fr)}.card,.card-back.stacked{width:68px;height:100px}.hand .card{min-width:68px;margin-left:-12px}.play-zone{gap:13px}.active-suit{right:-12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.opponent-portrait.trickster{color:#d29aff;border-color:#9b63ca66;box-shadow:0 0 34px #9b63ca2b}.opponent-portrait.duelist{color:#8de0de;border-color:#50aaa866;box-shadow:0 0 34px #50aaa82b}.personality-grid{grid-template-columns:repeat(5,1fr)}.personality-grid button{grid-template-columns:26px 1fr}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-grid button{padding:13px;display:grid;gap:4px;border:1px solid #ffffff16;border-radius:9px;color:#e0d8c0;background:#0711199c;cursor:pointer;text-align:left}.mode-grid button b{font:600 12px Cinzel}.mode-grid button small{color:#71858d;font-size:9px}.mode-grid button.selected{border-color:#cbb66d8c;background:#cbb66d10}.mode-grid button:disabled{opacity:.45;cursor:not-allowed}.adaptive-toggle{margin-top:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff12;border-radius:9px;background:#07111988;text-align:left;cursor:pointer}.adaptive-toggle.disabled{opacity:.48}.adaptive-toggle input{width:18px;height:18px;accent-color:#d4ba68}.adaptive-toggle span{display:grid;gap:3px}.adaptive-toggle b{color:#ddd2af;font:600 11px Cinzel}.adaptive-toggle small{color:#71858d;font-size:9px;line-height:1.35}.identity-panel{width:min(520px,calc(100% - 30px));margin-top:10vh;padding:48px}.brand-mark.large{width:60px;height:60px;margin:0 auto 26px}.identity-panel h1{margin:10px 0;font-size:27px}.identity-panel>p{color:#81949c;font-size:12px;line-height:1.6}.identity-panel form{display:grid;text-align:left;margin-top:28px}.identity-panel form label{margin-bottom:7px;color:#b7aa82;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.identity-panel input{border:1px solid #ffffff24;border-radius:8px;padding:13px 14px;background:#061018c7;color:#f2e7c7;font:500 15px Inter}.identity-panel input:focus{outline:2px solid #d3ba6d88;border-color:#d3ba6d}.identity-panel form small{margin-top:6px;color:#657a83;font-size:9px}.setup-notice{position:fixed;z-index:50;left:50%;bottom:22px;transform:translate(-50%);padding:11px 17px;border:1px solid #c9b46b55;border-radius:8px;background:#0b1820f2;color:#d9cdac;font-size:11px;box-shadow:0 12px 30px #0008}.setup-notice.error,.online-error{color:#e4a0a0;border-color:#a6535355}.modal.wide-modal{position:relative;width:min(680px,100%);max-height:88vh;overflow:auto;padding:32px;border:1px solid #c1ab6666;border-radius:14px;background:radial-gradient(circle at 50% 0,#243339,#0b161e 62%);box-shadow:0 25px 80px #000c}.wide-modal h2{margin:7px 0 18px;color:#f2e4bb;font:700 25px Cinzel}.leader-tabs{display:flex;gap:7px;margin-bottom:14px}.leader-tabs button{padding:7px 11px;border:1px solid #ffffff18;border-radius:18px;background:#07131a;color:#82969e;text-transform:capitalize;cursor:pointer}.leader-tabs button.selected{color:#ead68e;border-color:#c5af6866;background:#c5af6812}.leader-list,.recent-list{display:grid;gap:5px}.leader-list>div{display:grid;grid-template-columns:42px 1fr 90px 90px;align-items:center;padding:10px;border:1px solid #ffffff0e;border-radius:7px;background:#07121988}.leader-list>div.you{border-color:#d0b86c77}.leader-list b,.leader-list strong,.recent-list strong{color:#e7d38e}.leader-list small{color:#71858d}.your-rank{color:#c6b780}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.profile-summary div{padding:14px;display:grid;text-align:center;border:1px solid #ffffff10;border-radius:8px}.profile-summary strong{color:#efd98e;font:700 21px Cinzel}.profile-summary span{color:#71858d;font-size:8px;text-transform:uppercase}.wide-modal h3{color:#d8ca9e;font:600 12px Cinzel}.recent-list>div{display:grid;grid-template-columns:65px 1fr 70px;gap:10px;padding:9px;border-bottom:1px solid #ffffff0d;font-size:10px}.recent-list b{text-transform:uppercase}.recent-list b.win{color:#72d3ac}.recent-list b.loss{color:#dc8686}.recent-list span{color:#899ba1}.verification-card{margin:-8px 0 20px;padding:12px;display:grid;gap:4px;border:1px solid #d0b96e40;border-radius:8px;background:#d0b96e0c}.verification-card p{margin:0}.verification-card b{color:#8ed6b4}.verification-card strong{color:#f0d788;font:700 19px Cinzel}.verification-card span{color:#84969c;font-size:10px}@media(max-width:700px){.personality-grid{grid-template-columns:repeat(5,1fr)}.personality-grid button{grid-template-columns:1fr;padding:6px 3px}.personality-grid button b{font-size:8px}.setup-header nav button:nth-child(2),.setup-header nav button:nth-child(3){display:none}.identity-panel{padding:34px 22px}.leader-list>div{grid-template-columns:34px 1fr 64px}.leader-list small{display:none}.wide-modal{padding:26px 15px!important}}