.arcana{--arc-ink:#eee7d1;--arc-gold:#edce83;--arc-muted:#b2c3b6;color:var(--arc-ink);font-family:var(--font);background:#172d28}.arcana button:focus-visible{outline-offset:3px;outline:3px solid #fff0b2}.arc-setup{background:radial-gradient(at 50% 10%,#375148 0%,#192f29 60%,#132720 100%);min-height:100dvh;padding:18px 16px 115px}.arc-header{align-items:center;gap:12px;max-width:1080px;margin:0 auto;display:flex}.arc-back,.arc-help{color:var(--arc-ink);background:#ffffff0d;border:1px solid #ffffff25;border-radius:12px;flex:none;width:42px;height:42px;font-size:22px}.arc-header>div{gap:3px;display:grid}.arc-header strong{font-size:16px}.arc-eyebrow{letter-spacing:1.5px;color:var(--arc-gold);font-size:10px;font-weight:800}.arc-step-count{color:var(--arc-muted);margin-left:auto;font-size:12px}.arc-steps{gap:8px;max-width:500px;margin:24px auto;display:flex}.arc-steps span{text-align:center;color:#90a69a;border-bottom:2px solid #ffffff17;flex:1;padding:8px 0;font-size:12px}.arc-steps .active{border-color:var(--arc-gold);color:var(--arc-gold)}.arc-steps .done{color:#8bd5b8;border-color:#8bd5b8}.arc-title{max-width:1080px;margin:0 auto 22px}.arc-title h1{letter-spacing:-.7px;margin:0 0 8px;font-family:Georgia,serif;font-size:30px;font-weight:500}.arc-title p{color:var(--arc-muted);margin:0;font-size:14px;line-height:1.45}.arc-heroes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1080px;margin:auto;display:grid}.arc-character{color:var(--arc-ink);text-align:center;background:linear-gradient(160deg,#ffffff0a,#ffffff02);border:1px solid #ffffff20;border-radius:18px;padding:12px 10px;position:relative}.arc-character.selected{border-color:var(--arc-gold);background:linear-gradient(160deg,#e6c5751c,#ffffff03);box-shadow:0 0 0 1px #edce8338,inset 0 0 35px #edce830b}.arc-character.selected:after{content:"✓";background:var(--arc-gold);color:#283725;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.arc-portrait{place-items:center;height:134px;display:grid;position:relative}.arc-portrait:before{content:"";background:radial-gradient(#e7d9af16,#0000 68%);position:absolute;inset:25px 0 0}.arc-portrait img{object-fit:contain;filter:drop-shadow(0 8px 8px #07191175);width:100%;height:100%;position:absolute;inset:0}.arc-character h2{margin:8px 0;font-family:Georgia,serif;font-size:20px;font-weight:500}.arc-power-name{color:var(--arc-gold);font-size:11px;font-weight:700;display:block}.arc-character p{color:var(--arc-muted);margin:8px 0 0;font-size:12px;line-height:1.45}.arc-footnote{text-align:center;color:#a1b2a4;margin:20px auto;font-size:12px;line-height:1.6}.arc-actionbar{z-index:5;padding:16px max(16px,calc((100vw - 1080px)/2)) max(18px,env(safe-area-inset-bottom));background:#172d28f5;border-top:1px solid #ffffff14;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -15px 35px #14281f55}.arc-actionbar>div{white-space:nowrap;flex:1;gap:3px;font-size:14px;display:grid}.arc-actionbar small{color:var(--arc-muted);font-size:11px}.arc-actionbar .btn{background:var(--arc-gold);color:#273421;border-radius:10px;width:auto;padding:14px 16px;font-size:13px;box-shadow:0 3px #ac8b44}.arc-deck-tools{flex-wrap:wrap;align-items:center;gap:8px;max-width:1080px;margin:auto;display:flex}.arc-deck-tools button,.arc-filter button,.arc-result-actions button{color:var(--arc-ink);background:#ffffff09;border:1px solid #ffffff25;border-radius:8px;padding:10px;font-size:12px}.arc-deck-tools span{color:var(--arc-muted);margin-left:auto;font-size:12px}.arc-slots{grid-template-columns:repeat(10,1fr);gap:5px;max-width:1080px;margin:16px auto;display:grid}.arc-slots>button,.arc-slots>span{color:#768e7c;background:#ffffff04;border:1px dashed #fff2;border-radius:5px;place-items:center;min-width:0;height:42px;padding:0;font-size:11px;display:grid}.arc-slots img{object-fit:contain;border-radius:3px;width:100%;height:100%}.arc-filter{gap:5px;max-width:1080px;margin:0 auto;display:flex;overflow:auto}.arc-filter button{flex:none;min-height:36px;padding:8px 10px}.arc-filter button.active{border-color:var(--arc-gold);color:var(--arc-gold)}.arc-deck-message{max-width:1080px;min-height:50px;color:var(--arc-gold);margin:10px auto;font-size:12px;line-height:1.4}.arc-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 10px;max-width:1080px;margin:auto;display:grid}.arc-card{border:3px solid var(--rarity);color:#263124;background:#fcf5e6;border-radius:9px;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:visible;box-shadow:0 4px 8px #07191138}.arc-card img{aspect-ratio:1/1.6;border-radius:5px;width:100%;display:block}.arc-card small{background:var(--rarity);color:#17221d;border-radius:0 0 4px 4px;padding:2px 0;font-size:9px;font-weight:800;display:block}.arc-pot{background:var(--rarity);color:#19281f;border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #0003}.arc-pot span{font-size:9px}.arc-card.chosen{outline-offset:3px;outline:2px solid #fff0ba}.arc-tick{color:#fff;background:#26765a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:14px;display:grid;position:absolute;bottom:21px;left:3px}.arc-card:disabled{cursor:default}.arc-monsters{gap:12px;max-width:1080px;margin:auto;display:grid}.arc-monster{text-align:left;align-items:center;gap:10px;padding:16px 12px;display:flex}.arc-monster .arc-portrait{flex:none;width:96px;height:120px}.arc-monster h2{font-size:23px}.arc-monster-stats{color:var(--arc-gold);font-size:11px}.arc-monster .arc-eyebrow{font-size:9px}.arc-battle{background:#172d28;position:fixed;inset:0;overflow:hidden}.arc-world{width:100%;position:absolute;top:145px;bottom:285px}.arc-battle-top{background:linear-gradient(#142a24,#1b342de6);width:100%;padding:10px 12px 12px;position:absolute;top:0}.arc-battle-nav{letter-spacing:1px;align-items:center;gap:10px;max-width:1100px;margin:auto;font-size:13px;font-weight:900;display:flex}.arc-battle-nav small{color:var(--arc-muted);letter-spacing:0;font-size:10px;font-weight:500;display:block}.arc-battle-nav .arc-help{margin-left:auto;font-size:18px}.arc-battle-nav .arc-back,.arc-battle-nav .arc-help{width:34px;height:34px}.arc-vitals{gap:14px;max-width:1100px;margin:12px auto 0;display:flex}.arc-vital{flex:1;min-width:0}.arc-vital>div:first-child{justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.arc-vital strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arc-vital b{font-size:16px}.arc-vital b small{color:var(--arc-muted);font-size:10px}.arc-hp{background:#020e0b;border-radius:10px;height:7px;margin:5px 0;overflow:hidden}.arc-hp span{background:#6be1b2;height:100%;transition:width .3s;display:block}.arc-vital.enemy .arc-hp span{background:#f09b7d}.arc-vital>small{color:#c2d2c4;justify-content:space-between;font-size:10px;display:flex}.arc-turn-label{text-align:center;color:#273e2b;letter-spacing:.3px;background:#d9e4bfcf;width:100%;padding:5px 8px;font-size:11px;position:absolute;top:136px}.arc-duel-controls{padding:10px 12px max(10px,env(safe-area-inset-bottom));background:linear-gradient(#19322cf7,#102821);border-top:1px solid #bbd6b740;position:absolute;bottom:0;left:0;right:0}.arc-power-row{align-items:center;gap:8px;max-width:580px;margin:auto;display:flex}.arc-power{color:#2c3823;background:#dfc47e;border:0;border-radius:10px;min-height:42px;padding:10px 12px;font-size:12px;font-weight:900}.arc-power span{margin-left:7px;font-weight:500}.arc-power:disabled{color:#8ea08f;background:#344b3f}.arc-power-row>small{color:#a8bfad;text-align:right;flex:1;font-size:10px;line-height:1.4}.arc-hand{justify-content:center;gap:20px;max-width:580px;margin:10px auto 8px;display:flex}.arc-hand>div{width:76px;position:relative}.arc-hand .arc-card img{aspect-ratio:1/1.48}.arc-hand .arc-card small{display:none}.arc-hand .arc-card.chosen{transform:translateY(-6px)}.arc-hand kbd{display:none}.arc-hand .arc-card:disabled{filter:saturate(.65)}.arc-confirm{align-items:center;gap:12px;max-width:580px;margin:auto;display:flex}.arc-confirm>span{color:#d2dcc9;flex:1;font-size:11px}.arc-confirm .btn{color:#293623;width:108px;box-shadow:none;background:#edd08a;padding:11px;font-size:13px}.arc-capture-options{flex-wrap:wrap;align-items:center;gap:5px;max-width:580px;margin:8px auto;font-size:10px;display:flex}.arc-capture-options button{color:var(--arc-ink);background:#49694e;border:1px solid #79957a;border-radius:7px;padding:8px;font-size:10px}.arc-capture-options .selected{color:#263423;background:var(--arc-gold)}.arc-alert{color:#fcb;padding:8px;font-size:12px}.arc-alert button{margin-left:10px}.arc-preparation{grid-template-columns:repeat(3,70px);justify-content:center;gap:12px 22px;margin:12px auto;display:grid}.arc-duel-controls.preparing h2{text-align:center;margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.arc-duel-controls.preparing p{text-align:center;color:var(--arc-muted);max-width:370px;margin:7px auto;font-size:11px;line-height:1.45}.arc-place{max-width:400px;margin:auto;padding:11px;font-size:14px;background:var(--arc-gold)!important;box-shadow:none!important}.arc-battle:has(.preparing) .arc-world{bottom:390px}.arc-combat-caption{text-align:center;color:#fff1ac;text-shadow:0 3px #4e4828,0 0 18px #ca9138;pointer-events:none;font-size:23px;font-weight:900;animation:1.6s both arc-caption;position:absolute;top:205px;left:0;right:0}.arc-numbers{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:38%;left:5%;right:5%}.arc-numbers>div{flex-wrap:wrap;justify-content:center;gap:5px;width:45%;display:flex}.arc-numbers b{color:#fff;text-shadow:0 2px 5px #000b;border-radius:8px;padding:3px 6px;font-size:24px;animation:1.65s both arc-number;display:block}.arc-numbers .hit{background:#923d33bb}.arc-numbers .heal{color:#b7ffc5}.arc-numbers .energy{color:#ffe89b}.arc-numbers .block{color:#c2ebff}.arc-vision{align-items:center;gap:4px;display:flex;position:absolute;top:180px;left:12px}.arc-vision small{max-width:62px;font-size:10px}.arc-vision img{border-radius:3px;width:35px}.arc-result-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102820d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.arc-result,.arc-rules{text-align:center;background:linear-gradient(145deg,#314b3e,#172e27);border:1px solid #d8c28a6b;border-radius:24px;width:100%;max-width:500px;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 20px 70px #041b14}.arc-result h1{color:var(--arc-gold);margin:8px 0;font-family:Georgia,serif;font-size:42px;font-weight:500}.arc-result-hero{object-fit:contain;height:125px}.arc-result p{color:var(--arc-muted);font-size:12px;line-height:1.6}.arc-result-stats{justify-content:space-around;margin:18px 0;display:flex}.arc-result-stats>div{gap:4px;display:grid}.arc-result-stats b{color:#f0d99c;font-size:24px}.arc-result-stats small{color:var(--arc-muted);font-size:10px}.arc-result h2{font-size:17px;font-weight:700}.arc-loot{justify-content:flex-start;gap:10px;max-height:140px;padding:6px;display:flex;overflow-x:auto}.arc-loot:empty{display:none}.arc-loot .arc-card{flex:none;width:62px}.arc-result .arc-save-note{color:var(--arc-gold)}.arc-result .btn{background:var(--arc-gold);box-shadow:none;padding:13px;font-size:15px}.arc-result-actions{gap:10px;margin-top:10px;display:flex}.arc-result-actions button{flex:1;min-height:42px}.arc-rules{text-align:left}.arc-rules p{color:#d3dfcc;font-size:14px;line-height:1.6}@keyframes arc-caption{0%,12%{opacity:0;transform:scale(.8)}25%,75%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes arc-number{0%,40%{opacity:0;transform:translateY(20px)scale(.7)}55%{opacity:1;transform:translateY(0)scale(1.2)}90%{opacity:1;transform:translateY(-22px)scale(1)}to{opacity:0;transform:translateY(-30px)}}@media (min-width:760px){.arc-setup{padding:28px 40px 120px}.arc-steps{margin:30px auto 40px}.arc-title{text-align:center;margin-bottom:35px}.arc-title h1{font-size:40px}.arc-title p{font-size:16px}.arc-heroes{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.arc-portrait{height:250px}.arc-character{padding:20px}.arc-character h2{font-size:26px}.arc-character p{font-size:14px}.arc-power-name{font-size:13px}.arc-actionbar .btn{min-width:210px;font-size:15px}.arc-actionbar>div{font-size:16px}.arc-collection{grid-template-columns:repeat(10,minmax(0,1fr));gap:20px 16px}.arc-card small{font-size:10px}.arc-slots{grid-template-columns:repeat(20,1fr)}.arc-slots>button,.arc-slots>span{height:55px}.arc-deck-message{min-height:30px}.arc-monsters{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.arc-monster{text-align:center;display:block}.arc-monster .arc-portrait{width:100%;height:255px}.arc-monster h2{font-size:28px}.arc-monster p{min-height:44px}.arc-monster-stats{font-size:13px}.arc-world{top:100px;bottom:245px}.arc-battle-top{background:linear-gradient(#142a24,#1b342de6)}.arc-battle-nav{max-width:none}.arc-vitals{pointer-events:none;justify-content:space-between;position:absolute;top:58px;left:25px;right:25px}.arc-vital{background:#19352cee;border:1px solid #9cb58b4a;border-radius:12px;flex:none;width:240px;padding:12px 16px}.arc-vital>div:first-child{font-size:14px}.arc-vital>small{font-size:12px}.arc-turn-label{border-radius:0 0 12px 12px;width:280px;padding:10px;top:60px;left:calc(50% - 140px)}.arc-hand>div{width:80px}.arc-hand{gap:30px}.arc-hand kbd{color:#839c86;font-size:10px;display:block;position:absolute;bottom:5px;left:-17px}.arc-duel-controls{background:linear-gradient(#19322ccf,#102821);padding-top:10px}.arc-duel-controls.preparing{border-radius:20px 20px 0 0;width:640px;left:calc(50% - 320px);right:auto}.arc-preparation{grid-template-columns:repeat(6,68px);gap:20px}.arc-battle:has(.preparing) .arc-world{bottom:220px}.arc-combat-caption{font-size:32px;top:160px}.arc-numbers{left:28%;right:28%}.arc-vision{top:150px}}@media (prefers-reduced-motion:reduce){.arcana *{transition:none!important}.arc-numbers b,.arc-combat-caption{animation:none}}@media (max-height:700px) and (max-width:759px){.arc-portrait{height:105px}.arc-character p{font-size:11px}.arc-steps{margin:16px auto}.arc-preparation{grid-template-columns:repeat(3,52px);gap:8px 20px}.arc-battle:has(.preparing) .arc-world{bottom:320px}.arc-hand>div{width:62px}.arc-world{bottom:260px}}.arc-power-hint{max-width:580px;color:var(--arc-gold);margin:8px auto;font-size:11px}.arc-log{width:100%;max-width:580px;font:inherit;color:#c3d6c7;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;margin:8px auto 0;padding:6px 10px;font-size:11px;display:flex}.arc-log span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.arc-log b{color:#f5ca67;white-space:nowrap;font-weight:700}.arc-battle-nav .arc-log-btn{margin-left:auto}.arc-battle-nav .arc-log-btn+.arc-help{margin-left:0}.arc-chronicle-backdrop{z-index:30;background:#0008;position:fixed;inset:0}.arc-chronicle{z-index:31;color:#e9f1ea;height:72vh;padding-bottom:env(safe-area-inset-bottom);background:#10251f;border-top:1px solid #759780;border-radius:16px 16px 0 0;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0008}.arc-chronicle.open{display:flex}.arc-chronicle header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.arc-chronicle h2{margin:0;font-family:Georgia,serif;font-size:19px;font-weight:500}.arc-chronicle header small{color:#9db4a2;font-size:11px}.arc-chronicle header button{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2a;border-radius:50%;margin-left:auto;font-size:20px}.arc-chronicle ol{flex:1;margin:0;padding:8px 12px 16px;list-style:none;overflow:auto}.arc-chronicle ol>li{background:#ffffff08;border-left:3px solid #8a9a8f;border-radius:0 8px 8px 0;margin:6px 0;padding:9px 10px}.arc-chronicle ol>li.side-hero{border-left-color:#6fdcc0}.arc-chronicle ol>li.side-enemy{border-left-color:#f0a08a}.arc-chronicle-head{align-items:baseline;gap:8px;display:flex}.arc-chronicle-head strong{flex:1;font-size:13px;line-height:1.35}.arc-chronicle-head b{color:#ff9c8a;font-size:14px}.arc-chronicle-turn{color:#9db4a2;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:inline-flex}.arc-chronicle ol ul{color:#b9cdbf;margin:5px 0 0;padding-left:28px;font-size:12px;line-height:1.5}.arc-chronicle-empty{color:#9db4a2;padding:16px;font-size:13px}@media (min-width:1200px){.arc-battle{right:340px}.arc-chronicle{width:340px;height:auto;box-shadow:none;border-top:0;border-left:1px solid #ffffff1f;border-radius:0;display:flex;top:0;left:auto}.arc-chronicle header button,.arc-battle-nav .arc-log-btn,.arc-chronicle-backdrop,.arc-log{display:none}.arc-battle-nav .arc-log-btn+.arc-help{margin-left:auto}}.arc-card.owned{border:5px solid var(--owner);padding:2px;box-shadow:0 0 0 1px #10251f,0 4px 10px #07191160}.arc-card.owned>img{border:2px solid var(--rarity)}.arc-owner-badge{color:#f8fff1;border:2px solid var(--owner);background:#193b30;border-radius:20px 20px 5px 5px;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:14px;left:-7px}.arc-owner-badge.enemy{border-radius:5px}.arc-owner-badge>img{object-fit:contain;aspect-ratio:auto!important;width:28px!important;height:30px!important}.arc-owner-badge>span{padding:0 3px;font-size:8px;font-weight:800;line-height:12px}.arc-hand .arc-owner-badge{bottom:-6px}.arc-hand .arc-card.owned>img{aspect-ratio:1/1.48}.arc-hand{margin-bottom:15px}.arc-ownership-legend{justify-content:center;gap:12px;font-size:10px;line-height:1.2;display:flex}.arc-ownership-legend>span{align-items:center;gap:5px;display:flex}.arc-ownership-legend img{object-fit:contain;background:#17372c;border:2px solid #59e8da;border-radius:50%;width:25px;height:27px}.arc-ownership-legend .enemy img{border-color:#ff8d79;border-radius:3px}.arc-battle>.arc-ownership-legend{pointer-events:none;background:#18362ce8;padding:4px;position:absolute;top:164px;left:0;right:0}.arc-world{top:197px}.arc-placement-caption{color:#fff1c7;text-align:center;background:#10251ff0;border:1px solid #edce83;border-radius:12px;padding:12px;font-size:14px;line-height:1.5;position:absolute;top:204px;left:14px;right:14px;box-shadow:0 4px 20px #0005}.arc-battle.arc-revealing .arc-world{bottom:130px}.arc-revealing .arc-duel-controls{min-height:100px}.arc-revealing .arc-preparation{display:none}.arc-revealing .arc-duel-controls.preparing h2{font-size:16px}.arc-learning-entry{gap:10px;max-width:1080px;margin:0 auto 20px;display:grid}.arc-learning-entry>.btn{min-height:44px;padding:10px;font-size:14px}.arc-practice-tile{color:var(--arc-ink);text-align:left;background:#edce8310;border:1px solid #edce8380;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.arc-practice-tile>img{object-fit:contain;width:44px;height:64px}.arc-practice-tile>span{flex:1;gap:5px;display:grid}.arc-practice-tile strong{color:#f5d990;font-size:15px}.arc-practice-tile small{color:#c8d5c9;font-size:12px;line-height:1.4}.arc-practice-tile em{color:#a5ebbd;font-size:12px;font-style:normal}.arc-practice-tile>b{font-size:28px}.arc-tutorial{background:#213e32;border-left:3px solid #edce83;border-radius:8px;max-width:580px;margin:0 auto 10px;padding:10px 12px}.arc-tutorial strong{color:#f6da98;font-size:14px}.arc-duel-controls .arc-tutorial p{text-align:left;color:#f1edda;max-width:none;margin:5px 0 0;font-size:13px;line-height:1.45}.arc-tutorial .btn{width:auto;min-height:38px;margin-top:8px;padding:8px 14px;font-size:12px}.arc-tutorial .btn+.btn{margin-left:8px}.arc-practice-battle:has(.arc-tutorial) .arc-world{bottom:410px}.arc-practice-battle:has(.preparing):has(.arc-tutorial) .arc-world{bottom:520px}.arc-practice-battle .arc-preparation{grid-template-columns:repeat(3,56px);gap:12px 25px}.arc-practice-battle .arc-tutorial.action{box-shadow:0 0 0 1px #edce8325}.arc-practice-done{color:#b8efbb!important;font-size:14px!important}.arc-guide-backdrop{z-index:50;background:#061b15cc;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.arc-guide{outline:none;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.arc-guide>header{border-bottom:1px solid #ffffff20;flex:none;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.arc-guide h1{margin:5px 0 0;font:500 25px Georgia,serif}.arc-guide-body{flex:1;min-height:0;display:flex}.arc-guide-index{display:none}.arc-guide-content{touch-action:pan-y;flex:1;padding:16px 18px;overflow-y:auto}.arc-guide .theory-card{color:inherit;background:0 0;margin:0;padding:0}.arc-guide .theory-card h2{color:#f2d48e;margin-bottom:12px;font:500 25px Georgia,serif}.arc-guide .theory-card p{font-size:15px;line-height:1.5}.arc-guide .theory-illustrations{max-width:350px;margin:20px auto 10px}.arc-guide .theory-illustrations img{max-height:148px}.arc-guide .theory-illustrations figcaption{color:#e1d9bf;font-size:12px}.arc-guide-points{margin:16px 0;padding-left:19px;font-size:14px;line-height:1.5}.arc-guide-points li+li{margin-top:8px}.arc-guide-note{color:#b8cfbe;background:#ffffff07;border-radius:10px;margin:16px 0 0;padding:12px;font-size:13px;line-height:1.5}.arc-guide-cards{justify-content:center;gap:22px;margin:18px 0;display:flex}.arc-guide-cards figure{width:83px;margin:0}.arc-guide-cards figcaption{text-align:center;color:#dddcc2;margin-top:7px;font-size:10px}.arc-guide-damage>strong{text-align:center;margin-top:16px;font-size:13px;display:block}.arc-guide-damage .arc-guide-cards figure{width:67px}.arc-guide-damage .arc-guide-cards{margin:12px 0}.arc-guide-damage ol{margin:12px 0;padding:0;font-size:12px;line-height:1.45;list-style:none}.arc-guide-damage li{background:#ffffff08;border-radius:5px;margin:3px 0;padding:5px 8px}.arc-guide-damage li:nth-last-child(-n+2){color:#ffe1a2;background:#edce8314;font-weight:700}.arc-guide-field{gap:9px;margin:16px 0;padding:0;list-style:none;display:grid}.arc-guide-field li{align-items:center;gap:20px;font-size:13px;line-height:1.4;display:flex}.arc-guide-field figure{flex:none;width:38px;margin:0}.arc-guide-field .arc-owner-badge{display:none}.arc-guide-field .arc-pot{min-width:21px;height:21px;font-size:11px}.arc-guide-characters{gap:12px;margin:18px 0;display:grid}.arc-guide-characters>div{align-items:center;gap:14px;display:flex}.arc-guide-characters img{object-fit:contain;flex:none;width:54px;height:75px}.arc-guide-characters strong{color:#f2d48e;font-size:14px;display:block}.arc-guide-characters small{color:#c2d1bd;font-size:12px}.arc-guide-characters p{margin:4px 0 0;font-size:13px;line-height:1.4}.arc-guide>footer{padding:9px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff20;flex:none}.arc-guide .theory-progress{flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;padding:0;display:flex}.arc-guide .slide-count{color:#b7c9b9;font-size:11px}.arc-guide .slide-dots button{width:28px;height:28px}.arc-guide .slide-dots button[aria-current=step]:after{background:#edce83}.arc-guide .theory-nav .btn{min-height:44px;padding:10px;font-size:14px}.arc-guide .btn.primary{color:#263725;box-shadow:none;background:#edce83}.arc-guide-practice{color:#edce83;background:0 0;border:0;width:100%;min-height:36px;margin-top:4px;font-size:12px;display:block}@media (min-width:760px){.arc-learning-entry{grid-template-columns:1fr 220px;align-items:center}.arc-guide-backdrop{padding:24px}.arc-guide{border:1px solid #edce8355;border-radius:20px;max-width:1080px;height:min(752px,100dvh - 48px);box-shadow:0 25px 70px #00170e}.arc-guide-index{border-right:1px solid #ffffff20;flex-direction:column;flex:none;width:260px;padding:12px;display:flex;overflow:auto}.arc-guide-index button{text-align:left;color:#c5d6c7;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:9px;font-size:13px;display:flex}.arc-guide-index button[aria-current]{color:#ffe1a2;background:#edce831c}.arc-guide-index span{color:#aabdad;flex:none;width:20px;font-size:11px}.arc-guide-content{padding:25px 32px}.arc-guide .theory-card h2{font-size:30px}.arc-guide .theory-card p{font-size:16px}.arc-guide .theory-illustrations{max-width:370px}.arc-guide>footer{padding-left:290px;padding-right:32px}.arc-guide-damage .arc-guide-cards figure{width:73px}.arc-guide .arc-guide-note{margin-top:14px}.arc-battle>.arc-ownership-legend{border-radius:10px;width:340px;top:105px;left:calc(50% - 170px);right:auto}.arc-world{top:137px}.arc-placement-caption{width:440px;top:144px;left:calc(50% - 220px);right:auto}.arc-practice-battle:has(.arc-tutorial) .arc-world{bottom:370px}.arc-practice-battle:has(.preparing):has(.arc-tutorial) .arc-world{bottom:300px}.arc-practice-battle .arc-preparation{grid-template-columns:repeat(6,62px)}}@media (max-height:700px){.arc-guide-content{padding:12px 16px}.arc-guide .theory-card p{font-size:14px}.arc-guide>header{padding:10px 16px}}@media (max-width:759px){.arc-guide-cards figure{width:76px}.arc-guide-cards{margin:14px 0}.arc-guide-damage li{padding:4px 8px}.arc-guide-note{margin-top:12px;padding:10px}.arc-guide-damage .arc-guide-cards figure{width:57px}.arc-guide-damage .arc-guide-cards{margin:9px 0}.arc-guide-damage+.arc-guide-note{margin-top:10px;font-size:12px}}@media (min-width:760px){.arc-guide-content{padding:20px 28px}.arc-guide-damage{grid-template-columns:250px 1fr;align-items:center;column-gap:16px;display:grid}.arc-guide-damage>strong{grid-column:1/-1;margin-top:12px}.arc-guide-damage .arc-guide-cards figure{width:66px}.arc-guide-damage ol{font-size:13px}.arc-guide-cards figure{width:64px}.arc-guide-cards,.arc-guide-points{margin:12px 0}.arc-guide-field{grid-template-columns:1fr 1fr;gap:16px}.arc-guide-characters img{height:60px}}.world-screen{background:#88a967;position:fixed;inset:0;overflow:hidden}.world-canvas{touch-action:none;position:absolute;inset:0}.world-hud{z-index:5;top:max(12px,env(safe-area-inset-top));pointer-events:none;gap:12px;display:flex;position:absolute;left:12px;right:12px}.world-hero-info{background:#18372de8;border:1px solid #d6d8a747;border-radius:16px;align-items:center;gap:8px;width:218px;min-width:0;padding:8px 12px 8px 6px;display:flex;box-shadow:0 5px 20px #16332233}.world-hero-info>img{object-fit:contain;width:43px;height:57px}.world-hero-info>div{flex:1;min-width:0}.world-hero-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.world-hero-info strong small{color:#c4d1b7;margin-top:2px;font-size:10px;font-weight:400;display:block}.world-hero-info>div>small{color:#c4dfc3;justify-content:space-between;gap:5px;font-size:10px;display:flex}.world-hero-info>div>small>span{align-self:center;font-size:8px}.world-life{background:#0b251c;border-radius:6px;height:6px;margin:6px 0;overflow:hidden}.world-life span{background:#85e2ad;height:100%;transition:width .2s;display:block}.world-zone-title{text-align:right;text-shadow:0 2px 6px #173c2d;flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.world-zone-title .arc-eyebrow{color:#fff2c3;font-size:8px}.world-zone-title strong{color:#fff8d9;font-family:Georgia,serif;font-size:16px;font-weight:500}.world-zone-title>small{color:#fff4d2;font-size:9px}.world-toolbar{z-index:5;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));background:#16362cf5;border:1px solid #dfd3a04d;border-radius:17px;padding:5px;display:flex;position:absolute;left:12px;right:12px;box-shadow:0 8px 25px #183b3444}.world-toolbar button{color:#eae7cf;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:11px;display:flex;position:relative}.world-toolbar button>span{color:#e7cb86;font-size:21px}.world-toolbar button:hover{background:#ffffff0c}.world-toolbar b{color:#19382b;background:#e7cb86;border-radius:10px;padding:1px 5px;font-size:9px;position:absolute;top:4px;right:17px}.world-local-note{bottom:max(7px,env(safe-area-inset-bottom));text-align:center;color:#fff7ce;text-shadow:0 1px 4px #25432b;pointer-events:none;width:100%;font-size:8px;position:absolute}.world-instructions{z-index:5;pointer-events:none;background:#16382de6;border:1px solid #d9ddb234;border-radius:12px;padding:12px 14px;position:absolute;bottom:112px;left:12px;right:12px}.world-instructions .arc-eyebrow{font-size:9px}.world-instructions p{color:#e7e9ce;margin:5px 0 8px;font-size:12px;line-height:1.45}.world-instructions>small{color:#afc7ad;font-size:10px}.world-desktop-hint{display:none}.world-monster-label{white-space:nowrap;color:#fbebcc;min-width:75px;min-height:44px;font-family:var(--font);cursor:pointer;background:#294735e6;border:1px solid #e9d5a755;border-radius:8px;padding:5px 9px;font-size:11px;box-shadow:0 3px 8px #16301d33}.world-monster-label small{color:#d9c788;margin-top:2px;font-size:9px;display:block}.world-monster-label.level-5{background:#6c4635eb}.world-place-label{color:#ffedb9;font-family:var(--font);text-align:center;white-space:nowrap;background:#3f5035dc;border-radius:8px;padding:6px 10px;font-size:11px;display:block}.world-place-label small{opacity:.8;margin-top:3px;font-size:8px;display:block}.world-minimap{z-index:5;width:146px;position:absolute;top:110px;left:12px}.world-map-toggle{color:#f8e6b8;min-height:44px;font:inherit;background:#18372de8;border:1px solid #e5dbaa44;border-radius:10px;padding:9px 11px;font-size:12px}.world-map-toggle span{font-size:10px}.world-map-body{background:#193a2ef0;border:1px solid #d7d4aa33;border-radius:12px;margin-top:7px;padding:8px;display:none}.world-minimap.open .world-map-body{display:block}.world-map-body svg{border-radius:8px;width:100%;display:block}.world-map-body small{color:#d3dec2;margin-top:6px;font-size:9px;line-height:1.5;display:block}.world-sheet-backdrop{z-index:25;padding:12px 12px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a261b66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.world-sheet{color:#eee7d1;background:linear-gradient(135deg,#34513f,#18382c);border:1px solid #e7ce8d73;border-radius:22px;width:100%;max-width:480px;max-height:calc(100dvh - 24px);padding:22px;overflow:auto;box-shadow:0 15px 50px #06251988}.world-sheet h1{color:#f0d795;margin:8px 0;font-family:Georgia,serif;font-size:30px;font-weight:500}.world-sheet h2{font-size:16px}.world-sheet p{color:#c4d2b9;font-size:13px;line-height:1.6}.world-sheet .btn.primary{color:#263b26;box-shadow:none;background:#edce83;min-height:46px;padding:12px 16px;font-size:13px}.world-sheet .btn.secondary{box-shadow:none;color:#e7e7cf;background:#ffffff08;border:1px solid #9cac8555;padding:12px;font-size:13px}.world-sheet-actions{gap:10px;margin-top:18px;display:flex}.world-sheet-actions>*{flex:1}.world-challenge-head{align-items:center;gap:14px;display:flex}.world-challenge-head>img{object-fit:contain;width:90px;height:120px}.world-challenge-head .arc-eyebrow{font-size:8px}.world-challenge-head h1{font-size:28px}.world-challenge-head strong{color:#eacb87;font-size:11px}.world-sheet .world-encounter-note{background:#ffffff08;border-radius:10px;padding:12px}.world-result-life{color:#9eebbc;background:#ffffff09;border-radius:10px;padding:12px;font-size:14px}.world-result-life span{color:#bbcfb4;margin-top:4px;font-size:10px;display:block}.world-sheet .world-save-note{color:#e8d097;font-size:10px}.world-collection .arc-title{margin-top:30px}.world-collection-title{max-width:1080px;margin:30px auto 20px;font-family:Georgia,serif;font-weight:500}.world-empty{text-align:center;color:#c0d1b5;padding:15px}.world-empty img{height:140px}.world-empty p{font-size:13px;line-height:1.6}.world-collection .arc-actionbar>small{flex:1;font-size:10px;line-height:1.5}.world-mode .arc-battle-top{z-index:5}.world-mode .arc-turn-label{z-index:6}.world-mode .arc-world{bottom:310px}.world-mode .arc-battle:has(.preparing) .arc-world{bottom:390px}.world-mode .arc-chronicle{z-index:32}@media (min-width:760px){.world-hud{top:22px;left:24px;right:24px}.world-hero-info{width:260px;padding:10px}.world-hero-info>img{width:52px;height:62px}.world-hero-info strong{font-size:15px}.world-zone-title{gap:5px}.world-zone-title .arc-eyebrow{font-size:11px}.world-zone-title strong{font-size:27px}.world-zone-title>small{font-size:12px}.world-minimap{width:175px;top:127px;left:24px}.world-map-body{display:block}.world-map-toggle span{font-size:12px}.world-instructions{width:330px;bottom:50px;left:24px;right:auto}.world-desktop-hint{display:block}.world-mobile-hint{display:none}.world-toolbar{width:390px;bottom:34px;left:50%;right:auto;transform:translate(-50%)}.world-toolbar button{min-height:60px;font-size:12px}.world-local-note{bottom:13px}.world-sheet-backdrop{align-items:center}.world-sheet{padding:28px}.world-challenge-head>img{width:120px;height:155px}.world-challenge-head h1{font-size:34px}.world-mode .arc-world{bottom:265px}.world-mode .arc-battle:has(.preparing) .arc-world{bottom:220px}}@media (max-height:700px) and (max-width:759px){.world-mode .arc-battle:has(.preparing) .arc-world{bottom:320px}.world-mode .arc-world{bottom:280px}.world-instructions{padding:9px 12px;bottom:108px}.world-instructions p{font-size:11px}.world-challenge-head>img{height:85px}.world-sheet{padding:16px}}.world-zone-scene{width:100%;height:100%;position:relative;overflow:hidden}.world-label-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.world-projected-label{will-change:transform;display:none;position:absolute;top:0;left:0}.world-projected-label button{pointer-events:auto}.world-mode .arc-revealing .arc-world{bottom:130px}.world-mode .arc-placement-caption{z-index:7}.world-mode .arc-ownership-legend{z-index:6}:root{--felt:#0b4a3f;--felt-2:#12705d;--ink:#17212b;--paper:#fffdf7;--muted:#6b7680;--accent:#ffc93c;--accent-ink:#3a2a00;--good:#2fbf71;--scopa:#ff5470;--radius:18px;--font:"Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(120% 80% at 50% 0%, var(--felt-2), var(--felt));color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.btn{border:0;border-radius:14px;width:100%;padding:14px 18px;font-size:17px;font-weight:800;transition:transform 80ms,filter .15s;display:block}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px #c99410}.btn.primary:disabled{filter:grayscale(.8)brightness(.8);box-shadow:none}.btn.ghost{color:#fff;background:#ffffff14}.btn.ghost:disabled{color:#ffffff73}.chip{color:#fff;background:#ffffff1a;border:0;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-weight:800;display:inline-flex}.avatar{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.home{max-width:520px;padding:max(16px, env(safe-area-inset-top)) 16px 32px;min-height:100%;margin:0 auto}.home.center{flex-direction:column;justify-content:center;gap:16px;display:flex}.logo{letter-spacing:-1px;align-items:center;gap:10px;margin:0;font-size:44px;font-weight:900;display:flex}.logo.small{font-size:26px}.logo .dot{background:var(--accent);border-radius:50%;width:.42em;height:.42em;box-shadow:0 0 0 .12em #ffc93c40}.lead{color:#ffffffd9;margin:0 0 8px;font-size:19px;line-height:1.4}.card-panel{background:var(--paper);color:var(--ink);border-radius:var(--radius);gap:12px;padding:20px;display:grid;box-shadow:0 12px 40px #00000040}.card-panel label{font-size:18px;font-weight:900}.card-panel input{font:inherit;color:var(--ink);background:#fff;border:2px solid #e4dfd2;border-radius:12px;outline:none;padding:13px 14px;font-size:18px;font-weight:700}.card-panel input:focus{border-color:var(--felt-2)}.card-panel .btn.ghost{color:var(--ink);background:#f1ede3}.card-panel .btn.ghost:disabled{color:#a8a294}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;margin:0 0 12px;font-size:15px}.games{gap:12px;display:grid}.game-tile{background:var(--paper);color:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px #0003}.game-tile.soon{opacity:.6}.game-head{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:14px;padding:14px;display:flex}.game-art{background:#eaf5f1;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid}.game-art img{border-radius:4px;grid-area:1/1;width:30px;box-shadow:0 2px 5px #00000040}.game-text{gap:2px;display:grid}.game-text strong{font-size:20px;font-weight:900}.game-text small{color:var(--muted);font-size:14px;font-weight:600}.game-text em{color:var(--felt-2);font-size:13px;font-style:normal;font-weight:800}.modes{gap:10px;padding:0 14px 14px;display:grid}.mode{background:#f4f1e8;border-radius:14px;gap:10px;padding:12px;display:grid}.mode-title{font-weight:900}.modes .btn.ghost{color:#a8a294;background:#f4f1e8}.segmented{background:#e4dfd2;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 0;font-weight:800}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000001f}.game{touch-action:none;position:fixed;inset:0}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{pointer-events:none;align-items:center;gap:10px;width:min(100%,720px);margin:0 auto;display:flex}.hud-top>*{pointer-events:auto}.hud-bottom{pointer-events:none;justify-items:center;gap:8px;display:grid}.hud-bottom>*{pointer-events:auto}.icon-btn{color:#fff;background:#00000047;border:0;border-radius:12px;width:40px;height:40px;font-size:20px}.deck-count{background:#00000047;border-radius:12px;place-items:center;min-width:40px;height:40px;padding:0 8px;font-weight:900;display:grid}.deck-count:before{content:"mazzo";text-transform:uppercase;opacity:.7;margin-top:4px;font-size:9px;font-weight:800;line-height:1}.player-chip{background:#00000047;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 14px 5px 5px;transition:box-shadow .2s,background .2s;display:flex;position:relative}.player-chip.me{flex:none;width:min(100%,420px)}.player-chip.active{box-shadow:0 0 0 2px var(--accent);background:#0000006b}.pname{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.points{margin-left:auto;font-size:22px;font-weight:900}.points small{opacity:.6;font-size:13px}.scope-badge{background:var(--scopa);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900}.thinking{opacity:.85;font-size:12px;font-weight:700;animation:1.2s infinite pulse;position:absolute;bottom:-18px;left:44px}.hint{text-align:center;background:#00000073;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:800}.hint.pulse{animation:1.6s infinite pulse}.options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.option{background:var(--paper);border:0;border-radius:12px;gap:3px;padding:6px;display:flex;box-shadow:0 4px #c9c2b0}.option:active{transform:translateY(2px);box-shadow:0 2px #c9c2b0}.option img{border-radius:5px;width:38px;display:block}@keyframes pulse{50%{opacity:.55}}.flash{pointer-events:none;white-space:nowrap;text-align:center;font-weight:900;animation:1.2s cubic-bezier(.2,1.4,.4,1) both pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.flash.scopa{color:#fff;letter-spacing:-2px;text-shadow:0 6px 0 var(--scopa), 0 12px 30px #00000080;transform-origin:50%;font-size:clamp(56px,18vw,120px)}.flash.gold{color:var(--accent);text-shadow:0 4px #9a6b00,0 10px 24px #00000080;font-size:clamp(34px,10vw,64px)}.flash.info{background:#0009;border-radius:999px;padding:10px 18px;font-size:17px;animation-name:fade}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(-4deg)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-60%)scale(.95)rotate(-4deg)}}@keyframes fade{0%,to{opacity:0}15%,80%{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0519148c;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal-backdrop.celebration-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#05191473}.modal{background:var(--paper);width:min(100%,420px);color:var(--ink);border-radius:22px;gap:12px;padding:20px;animation:.25s ease-out rise;display:grid;box-shadow:0 20px 60px #0006}.modal.small{width:min(100%,320px)}.modal h2,.modal h3{text-align:center;margin:0 0 4px;font-weight:900}.modal .btn.ghost{color:var(--ink);background:#f1ede3}.result.won{color:var(--felt-2);font-size:32px}.result.lost{color:#8a3b46}.score-table{border-collapse:collapse;width:100%;font-size:16px}.score-table th,.score-table td{text-align:center;border-bottom:1px solid #ece6d8;padding:7px 6px}.score-table th:first-child{text-align:left;font-weight:800}.score-table th small{color:var(--muted);font-size:11px;font-weight:700;display:block}.score-table thead th{color:var(--muted);text-overflow:ellipsis;max-width:90px;font-size:14px;overflow:hidden}.score-table td{font-weight:800}.score-table td.win{color:var(--felt-2);background:#e6f4ef;border-radius:8px}.score-table td.win:after{content:" +1";font-size:12px}.score-table .sum td,.score-table .sum th{border-bottom:0}.score-table .total td,.score-table .total th{border-bottom:0;font-size:20px;font-weight:900}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.btn.secondary{color:var(--felt);background:#e6f4ef}.btn.secondary:disabled{color:#9fb8b0}a.btn{text-align:center;text-decoration:none}.btn.tutorial{color:#6b4e00;background:#fff3cf}.join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.join-row input,.field input{font:inherit;letter-spacing:.12em;text-transform:uppercase;min-width:0;color:var(--ink);background:#fff;border:2px solid #e4dfd2;border-radius:12px;outline:none;padding:11px 12px;font-size:18px;font-weight:800}.field{gap:6px;font-weight:800;display:grid}.field input{letter-spacing:normal;text-transform:none}.join-row .btn{width:auto}.lobby .card-panel{text-align:center}.lobby h2{margin:0;font-weight:900}.lobby-text{margin:4px 0;font-size:17px;font-weight:700}.lobby-small{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.room-code{justify-content:center;gap:8px;margin:6px 0;display:flex}.room-code span{width:48px;height:60px;color:var(--felt);background:#eaf5f1;border-radius:12px;place-items:center;font-size:32px;font-weight:900;display:grid}.spinner{border:5px solid #e4dfd2;border-top-color:var(--felt-2);border-radius:50%;width:42px;height:42px;margin:6px auto;animation:.9s linear infinite spin}.spinner.small{border-width:3px;width:16px;height:16px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.banner{top:calc(max(10px, env(safe-area-inset-top)) + 54px);color:#fff;white-space:nowrap;pointer-events:none;background:#b3261e;border-radius:999px;padding:8px 16px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.modal-text{text-align:center;margin:0;font-size:17px;font-weight:600}.modal-note{color:#5b4300;background:#fff3cf;border-radius:12px;margin:0;padding:10px 12px;font-size:15px;font-weight:700;line-height:1.35}.bubble{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 62px);background:var(--paper);width:min(100% - 24px,440px);color:var(--ink);border-radius:18px;gap:10px;padding:14px 16px;animation:.25s ease-out rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 36px #00000059}.bubble strong{font-size:20px;font-weight:900}.bubble p{margin:0;font-size:17px;font-weight:700;line-height:1.35}.bubble.action{border:3px solid var(--accent)}.bubble .btn{padding:10px}.learn{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(at top,#247359,#103d30);overflow-y:auto}.learn>*{max-width:640px;margin-left:auto;margin-right:auto}.learn-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-weight:800;display:flex}.learn-header .btn{width:auto;padding:10px 14px}.learn h1{margin-bottom:8px;font-size:30px}.learn-intro{font-size:17px;line-height:1.45}.learn-progress,.slide-count{opacity:.85;font-size:14px;font-weight:700}.lesson-list{gap:12px;padding-bottom:12px;display:grid}.lesson-tile{text-align:left;background:var(--paper);width:100%;color:var(--ink);border:0;border-radius:16px;align-items:center;gap:12px;padding:16px 14px;display:flex}.lesson-tile>span:nth-child(2){flex:1}.lesson-tile strong,.lesson-tile small,.lesson-tile em{display:block}.lesson-tile strong{font-size:18px}.lesson-tile small{color:#52625a;margin-top:5px;font-size:14px;line-height:1.4}.lesson-tile em{color:#185d44;margin-top:4px;font-size:13px;font-style:normal}.lesson-number{background:#e7dfce;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid}.lesson-number.complete{color:#185d44;background:#d3f0df}.theory-screen{flex-direction:column;gap:12px;height:100dvh;padding-left:12px;padding-right:12px;display:flex;overflow:hidden}.theory-screen .learn-header{flex:none;margin-bottom:0}.theory-screen>*{width:100%}.theory-content{touch-action:pan-y;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.theory-content>.theory-card{flex-direction:column;flex:none;justify-content:center;width:100%;min-height:min(460px,60dvh);margin-block:auto;padding:24px 16px;display:flex}.theory-card{background:var(--paper);color:var(--ink);border-radius:18px;margin-top:12px;padding:20px}.theory-card h2{margin:0 0 14px;font-size:24px}.theory-card p{white-space:pre-line;margin:0;font-size:18px;line-height:1.55}.lesson-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.lesson-cards img{border-radius:7px;width:52px;box-shadow:0 3px 6px #0003}.lesson-cards img.highlight{outline:3px solid #dbad27}.theory-illustrations{align-items:start;gap:16px 6px;margin-top:28px;display:grid}.theory-illustrations figure{justify-items:center;gap:8px;min-width:0;margin:0;display:grid}.theory-illustrations img{border-radius:9px;width:100%;max-width:120px;height:auto;box-shadow:0 5px 12px #0003}.theory-illustrations img.highlight{outline:3px solid #dbad27}.theory-illustrations figcaption{text-align:center;font-size:14px;font-weight:800;line-height:1.3}.theory-progress{flex:none;justify-content:center;align-items:center;gap:16px;display:flex}.slide-dots{align-items:center;display:flex}.slide-dots button{background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.slide-dots button:after{content:"";background:#ffffff70;border-radius:999px;width:8px;height:8px}.slide-dots button[aria-current=step]:after{background:var(--accent);width:20px}.theory-nav{flex:none;gap:10px;padding-bottom:4px;display:flex}.theory-nav .btn{flex:1;min-width:0;min-height:52px;padding:12px;font-size:16px}.theory-nav .btn:disabled{opacity:.45}.hud-head{pointer-events:none;gap:8px;width:min(100%,720px);margin:0 auto;display:grid}.hud-head>*{pointer-events:auto}.hud-head .hud-top{gap:6px}.hud-head .player-chip.opp{padding-right:10px}.hud-head .player-chip.opp .avatar{display:none}.hud-head .player-chip.opp .pname{max-width:100px}.hud-head .player-chip.opp .thinking{display:none}.hud-head .scope-badge{padding:2px 5px}.hud-head .icon-btn{flex-shrink:0}.hud-head .bubble{touch-action:pan-y;gap:8px;width:100%;max-height:45dvh;padding:12px 14px;animation:none;position:static;overflow-y:auto;transform:none}.hud-head .bubble p{font-size:16px;line-height:1.35}.quiz-cards{margin-top:4px}.quiz-cards img{width:38px}.quiz-options{gap:6px;display:grid}.lesson-feedback{background:#e5eedf;border-radius:8px;padding:8px}.live-points{color:#fff;background:#092c24f2;border-radius:12px;padding:5px 6px}.live-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:5px;min-height:30px;padding:2px 4px;font-size:14px;display:flex}.live-toggle strong{white-space:nowrap;font-size:inherit}.live-score{font-variant-numeric:tabular-nums;align-items:center;gap:4px;min-width:0;display:flex}.live-score>span:first-child{white-space:nowrap}.live-opponent{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-chevron{flex:none;margin-left:auto;font-size:12px}.live-table{table-layout:fixed;border-collapse:separate;border-spacing:2px;font-variant-numeric:tabular-nums;width:100%;margin-top:1px}.live-table .live-player-column{width:15%}.live-table .live-settebello-column{width:20%}.live-table th,.live-table td{text-align:center;padding:2px 1px;line-height:1.2}.live-table thead th{white-space:nowrap;font-size:12px;font-weight:700}.live-table th:first-child{text-align:left;padding-left:4px}.live-table tbody th{font-size:13px;font-weight:800}.live-table tbody th span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.live-table td{border-radius:5px;font-size:14px;font-weight:800}.live-table td.ahead{color:#3a2a00;background:#ffdb65}.coach-controls{align-items:flex-start;gap:8px;display:flex}.coach-button{color:#553d00;background:#fff3cf;border:0;border-radius:10px;min-height:36px;padding:8px 12px;font-weight:800}.coach-button:disabled{opacity:.55}.coach-note{color:#553d00;background:#fff3cf;border-radius:10px;flex:1;gap:8px;padding:8px 10px;display:flex}.coach-note p{margin:0;font-size:14px;line-height:1.35}.coach-note button{color:inherit;background:0 0;border:0;padding:0 4px;font-size:22px}.rules-backdrop{z-index:10;touch-action:pan-y}.rules-sheet{background:var(--paper);color:var(--ink);border-radius:22px;flex-direction:column;gap:12px;width:min(100%,640px);max-height:calc(100dvh - 32px);padding:16px;display:flex}.rules-sheet header{justify-content:space-between;align-items:center;gap:8px;display:flex}.rules-sheet h2{margin:0;font-size:21px}.rules-sheet .icon-btn{color:var(--ink);background:#e5dfd1;flex-shrink:0}.rules-scroll{overscroll-behavior:contain;min-height:0;padding:0 2px 8px;overflow-y:auto}.rules-scroll .theory-card{border:1px solid #dbd3c3;margin-top:8px;padding:16px}.rules-scroll .theory-card h2{font-size:20px}.rules-scroll .theory-card p{font-size:16px}.points-preference{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.points-preference input{accent-color:#246b51;width:22px;height:22px}.rules-note{margin:0;font-size:13px}