.duel-shell{--duel-safe-bottom:env(safe-area-inset-bottom,0px);--duel-safe-top:env(safe-area-inset-top,0px);--ink:#10242b;--paper:#f1e8d3;--gold:#dbbc79;--muted:#b1c0c4;--line:#71898555;isolation:isolate;width:min(100%,480px);min-height:100dvh;color:var(--paper);background:#0b1921;margin:auto;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;position:relative;box-shadow:0 0 100px #0008}.duel-shell *,.duel-drag-card{box-sizing:border-box}.duel-shell button{font:inherit;letter-spacing:0;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.duel-shell button:disabled{opacity:1;color:#819297;cursor:default;filter:none;box-shadow:none}.duel-shell button:focus-visible{outline-offset:-3px;outline:3px solid #f6cd75}.duel-shell button:not(:disabled):active{filter:brightness(1.12)}.duel-shell svg{stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.duel-shell h1,.duel-shell h2,.duel-shell h3{font-family:var(--serif,Georgia,serif);font-weight:600}.duel-shell p{font-size:14px;line-height:1.7}.duel-shell .duel-art{flex-shrink:0;width:100%;height:100%;display:block;overflow:hidden}.duel-stats{justify-content:space-around;align-items:center;gap:4px;display:flex}.duel-stats>span{white-space:nowrap;align-items:center;gap:2px;line-height:1.1;display:inline-flex}.duel-stats svg{stroke-width:2.1px;width:16px;height:16px}.duel-stats b{font:700 20px/1 Georgia,serif}.duel-stats small{font-size:12px}.duel-stats .atk{color:#213749}.duel-stats .def{color:#39617e}.duel-stats .hp{color:#ad454c}.duel-stats .hp svg{fill:currentColor}.duel-icon-legend{color:#c8d5e4;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.duel-icon-legend span{align-items:center;gap:2px;display:flex}.duel-icon-legend svg{width:14px;height:14px}.duel-eyebrow{letter-spacing:.13em;color:#d8b77a;margin-bottom:8px;font:9px/1.4 system-ui!important}.duel-topbar{height:calc(48px + var(--duel-safe-top));padding:var(--duel-safe-top) 5px 0;z-index:12;align-items:center;display:flex;position:relative}.duel-topbar>button{background:0 0;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.duel-topbar>span{font-family:var(--serif,serif);white-space:nowrap;flex:1;font-size:16px}.duel-topbar>span small{color:var(--muted);letter-spacing:.12em;font:9px system-ui;display:block}.duel-version{color:var(--muted);font:10px system-ui}.duel-primary,.duel-secondary{border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:14px;padding:12px 15px;font-size:15px;font-weight:600;display:flex}.duel-shell .duel-primary{color:#132439;background:linear-gradient(#efdab0,#d9b777);border:1px solid #efce90;box-shadow:0 3px 12px #0003}.duel-shell .duel-secondary{color:#e0e8f0;background:#1d3148;border:1px solid #6d839b}.duel-secondary>span{color:#aabbd0;margin-left:auto;font-size:10px}.duel-text-button{text-underline-offset:3px;background:0 0;justify-content:center;align-items:center;gap:5px;min-height:44px;margin:8px 0;padding:4px 8px;text-decoration:underline;display:flex;color:#d8bd89!important;font-size:13px!important}.duel-entry{max-width:420px;margin:auto;padding:22px 24px 40px}.duel-entry-art{justify-content:center;align-items:center;height:215px;padding:12px 10px 25px;display:flex}.duel-entry-art>.duel-art{border:3px solid #c6ab75;border-radius:6px;flex-shrink:0;width:110px;height:150px;box-shadow:0 5px 25px #0008}.duel-entry-art>.duel-art:first-child{transform:rotate(-12deg)translate(20px,10px)}.duel-entry-art>.duel-art:nth-child(2){z-index:2;height:175px;transform:translateY(-7px)}.duel-entry-art>.duel-art:last-child{transform:rotate(12deg)translate(-20px,10px)}.duel-entry h1{margin:6px 0 12px;font-size:29px}.duel-entry>p{color:#c9d4e1}.duel-entry-note{text-align:center;margin-top:20px;font-size:10px!important}.duel-entry>.duel-text-button{margin:12px auto}.duel-start-options{color:#bbcbdc;margin:22px 0 8px;font-size:13px}.duel-shell summary{cursor:pointer;min-height:44px;line-height:44px}.duel-shell label{color:#d5dfeb;flex-direction:column;gap:7px;margin:18px 0;font-size:13px;display:flex}.duel-shell input:not([type=range]),.duel-shell select,.duel-sheet select{color:#f3ead7;background:#0d1c2f;border:1px solid #6c829b;border-radius:4px;width:100%;min-height:48px;padding:9px 12px;font:15px system-ui}.duel-warning{color:#f4c097!important}.duel-muted{color:#aebdd0;margin:12px 0;line-height:1.8;font-size:12px!important}.duel-sheet{color:#eee7d9;background:#13253b;border:1px solid #8295ab;border-bottom:0;border-radius:12px 12px 0 0;width:min(100%,480px);max-width:none;max-height:88dvh;margin:auto;padding:0;font-family:system-ui,-apple-system,sans-serif;position:fixed;inset:auto 0 0;box-shadow:0 -12px 60px #0008}.duel-sheet::backdrop{background:#030d1bc7}.duel-sheet>header{z-index:2;background:#13253b;border-bottom:1px solid #5c748b66;justify-content:space-between;align-items:center;padding:7px 6px 7px 18px;display:flex;position:sticky;top:0}.duel-sheet h2{font-size:19px}.duel-sheet header>button{width:48px;height:48px;color:var(--paper);background:0 0;place-items:center;display:grid}.duel-sheet-body{padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px))}.duel-sheet p,.duel-sheet li{font-size:14px;line-height:1.8}.duel-sheet p+p{margin-top:12px}.duel-sheet h3{color:#e5c58d;margin:22px 0 8px;font-size:17px}.duel-sheet .duel-stats{background:var(--paper);border-radius:4px;padding:14px 8px}.duel-sheet .duel-icon-legend{font-size:14px}.duel-sheet label{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.duel-sheet label select{flex:1}.duel-grave-list{flex-direction:column;gap:9px;margin:16px 0;display:flex}.duel-grave-list>div{background:#1b3048;border:1px solid #5c728a;border-radius:4px;align-items:center;gap:12px;padding:7px;display:flex}.duel-grave-list .duel-art{border-radius:3px;flex-shrink:0;width:48px;height:54px}.duel-grave-list strong{font-size:14px;display:block}.duel-grave-list small{color:#d4c6ac;margin-top:4px;font-size:11px;display:block}.duel-inspected-art{border:3px solid #d1b987;border-radius:5px;width:150px;height:170px;margin:0 auto 18px;overflow:hidden}.duel-recovery-summary{background:#21354b;border-radius:5px;align-items:center;gap:16px;margin-top:12px;padding:12px;display:flex}.duel-recovery-summary>span{align-items:center;gap:5px;font-size:20px;display:flex}.duel-recovery-summary small{font-size:11px}.duel-recovery-summary svg{color:#dcbe8b}.duel-recovery-summary>span:nth-child(2) svg{color:#e28b8d}.duel-log{padding-left:20px}.duel-log li{margin:7px 0}.duel-result{z-index:30;text-align:center;background:#0e1e31f2;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.duel-result>.duel-art{border:2px solid #c9af76;border-radius:5px;width:135px;height:165px;margin-bottom:20px}.duel-result h1{margin:14px 0;font-size:27px}.duel-result>.duel-primary,.duel-result>.duel-secondary{max-width:300px}.duel-lesson-list{flex-direction:column;gap:8px;margin:18px 0;display:flex}.duel-lesson-list>button{text-align:left;background:#1d344d;border:1px solid #667f98;border-radius:5px;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px;display:flex}.duel-lesson-list>button>span{color:#eacb92;place-items:center;width:28px;display:grid}.duel-lesson-list>button>strong{flex:1;font-size:14px;font-weight:500}.duel-intro-art{border:2px solid #cfad73;border-radius:4px;width:110px;height:130px;margin:4px auto 18px;overflow:hidden}.duel-audio-settings{border-block:1px solid #5a738b66;margin:20px 0;padding-bottom:20px}.duel-audio-settings label{grid-template-columns:1fr auto;align-items:center;display:grid}.duel-audio-settings input{accent-color:#debd80;grid-column:1/-1;width:100%;height:32px}.duel-audio-settings>small{color:#b9c8d8;font-size:11px;line-height:1.7}.duel-playing{--board-card:min(72px,calc((100vw - 48px)/5),max(48px,calc((100dvh - var(--duel-safe-top) - var(--duel-safe-bottom) - 570px)/3)));--hand-zone:304px;--hand-rail:212px;--hand-card:108px;background:#08161b;height:100dvh;min-height:0;overflow:hidden}.duel-playing:before{content:"";pointer-events:none;background:linear-gradient(#03101533,#0000 20%,#08171b99 47%,#071215d9 76%,#060e12 100%);position:absolute;inset:0}.duel-playing .duel-topbar{background:linear-gradient(#030c10b8,#0000);position:absolute;inset:0 0 auto}.duel-playing .duel-topbar>span{opacity:.85;font-size:13px}.duel-playing .duel-topbar>span small{display:none}.duel-table{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,1fr) auto 64px 52px calc(var(--hand-zone) + var(--duel-safe-bottom));height:100%;padding-top:var(--duel-safe-top);display:grid;position:relative}.duel-table>.duel-floor{z-index:-2;opacity:.38;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.duel-hero{min-width:0;min-height:0;position:relative}.duel-hero.enemy{grid-row:1}.duel-hero.enemy:before{content:"";z-index:-1;pointer-events:none;background:url(/duel/rival-arena.jpg) top/100% no-repeat;position:absolute;inset:0 0 -12px;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.duel-hero.enemy .duel-portrait{display:none}.duel-hero-identity{text-shadow:0 2px 6px #000;position:absolute}.duel-hero-identity>small{color:#c6c9bd;letter-spacing:.16em;font:9px/1.5 system-ui}.duel-hero-identity>strong{font:17px/1.4 var(--serif,serif);color:#f6e6c7;display:block}.enemy .duel-hero-identity{bottom:26px;left:100px}.duel-xp{align-items:center;gap:6px;margin-top:3px;display:flex}.duel-xp small{color:#c5cfc9;font-size:10px}.duel-xp progress{accent-color:#d5b676;width:44px;height:3px}.duel-hero-vitals{z-index:3;position:absolute}.enemy .duel-hero-vitals{bottom:17px;left:14px}.duel-hp{background:radial-gradient(circle at 30% 15%,#9bb9b0,#284b4b 25%,#13262c 40%,#712a31 85%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;padding:0;display:flex;position:relative;box-shadow:inset 0 0 0 2px #14292d,0 0 0 2px #11252b,0 6px 16px #0009;border:3px solid #b5b5a1!important}.duel-hp b{color:#fff7e3;text-shadow:0 2px 4px #000;font:italic 37px/1 Georgia,serif}.duel-hp>svg{color:#ffd4c3;fill:currentColor;width:10px;height:10px}.duel-hp>small{color:#e5cabe;font-size:9px}.duel-hero-level{z-index:2;color:#f7eaca;background:radial-gradient(#405955,#11282c);border:1px solid #b2ae8b;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font:18px Georgia;display:flex;position:absolute;top:-15px;left:-3px}.duel-hero-level small{font:8px system-ui}.duel-resources{align-items:center;gap:15px;display:flex;position:absolute}.enemy .duel-resources{bottom:7px;right:14px}.duel-resources>span{grid-template-columns:auto auto;align-items:center;column-gap:4px;display:grid;position:relative}.duel-resources .duel-resource-icon{grid-row:1/3;width:22px;height:28px}.duel-resources small{color:#e2d8c0;font-size:10px}.duel-resources b{color:#fff1d5;text-shadow:0 2px 5px #000;font:27px/1 Georgia}.duel-resource-icon.steel{color:#99dcea;fill:#357c8b44}.duel-resource-icon.light{color:#f0c779;fill:#b7732d33}.duel-enemy-count{color:#c1c9bc;font-size:10px;position:absolute;bottom:9px;left:101px}.duel-hero.player{grid-row:3;margin:0 10px}.player .duel-portrait{border:1px solid #c7ac74;border-radius:50% 50% 6px 6px;width:42px;height:48px;position:absolute;top:6px;left:0;overflow:hidden;box-shadow:0 3px 10px #0008}.player .duel-hero-identity{top:4px;left:50px}.player .duel-hero-identity>small{display:none}.player .duel-hero-identity>strong{font-size:12px}.player .duel-xp{margin-top:2px}.player .duel-xp small{font-size:9px}.player .duel-hero-vitals{top:3px;right:0}.player .duel-hp{width:58px;height:58px}.player .duel-hp b{font-size:28px}.player .duel-hero-level{width:24px;height:24px;font-size:15px;top:-3px;left:-10px}.player .duel-resources{gap:12px;top:12px;right:78px}.player .duel-resources b{font-size:26px}.duel-action-count{align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:50px}.duel-action-count>small{color:#e3d3ae;font-size:10px}.duel-action-pips{gap:4px;display:flex}.duel-action-pips i{background:#172c31;border:1px solid #bda470;width:7px;height:7px;transform:rotate(45deg)}.duel-action-pips i.lit{background:#efcf8b;box-shadow:0 0 5px #e9c47766}.duel-battlefield{z-index:4;grid-row:2;grid-template-rows:26px auto auto;gap:8px;padding:0 10px 8px;display:grid;position:relative}.duel-field-caption{color:#eed7a3;text-shadow:0 2px 4px #000;justify-content:space-between;align-items:center;padding:0 3px;font-size:12px;display:flex}.duel-field-caption small{color:#c1ccc6;margin-left:7px;font-size:10px}.duel-field-caption button{background:0 0;align-items:center;gap:2px;height:26px;font-size:11px;display:flex}.duel-field-caption button svg{width:13px;height:13px}.duel-rank{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:6px;display:grid;position:relative}.duel-slot{width:var(--board-card);height:calc(var(--board-card)*1.5);background:#04111744;border-radius:4px;min-width:0;padding:0;display:flex;position:relative;overflow:visible;border:1px solid #b4b39820!important}.duel-slot:not(.occupied):before{content:"";border:1px solid #a6a27e25;border-radius:50%;width:30px;height:30px;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}.duel-empty-seal{color:#b2b39a38;margin:auto;font:24px Georgia}.duel-lane-number{color:#94a59b88;z-index:2;font:9px Georgia;position:absolute;top:3px;left:4px}.occupied .duel-lane-number{display:none}.duel-slot.occupied{background:#153239;border-radius:4px 8px 4px 4px;box-shadow:0 4px 9px #0009,inset 0 0 0 1px #e0d5ac;border:1px solid #90c8cf!important}.duel-slot.occupied.light{border-color:#d3b471!important}.duel-slot>.duel-art{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.duel-slot.occupied:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000,#07151dc9);position:absolute;inset:40% 0 0}.duel-unit-name{z-index:2;white-space:nowrap;text-overflow:ellipsis;width:100%;font:10px/1.2 var(--serif,serif);color:#162c30;background:linear-gradient(90deg,#9dbbb4,#e4e4cb,#abc0b2);border-radius:3px 6px 0 0;padding:2px 1px;position:absolute;top:0;left:0;overflow:hidden}.light .duel-unit-name{background:linear-gradient(90deg,#af945b,#ecdbaf,#c1a469)}.duel-unit-level{color:#fff0d4;text-shadow:0 1px 3px #000;z-index:2;font:9px Georgia;position:absolute;top:19px;right:3px}.duel-unit-stats{z-index:3;position:absolute;bottom:3px;left:3px;right:2px}.duel-unit-stats .duel-stats{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.duel-unit-stats .duel-stats>span{color:#fff4d8;text-shadow:0 1px 3px #000;gap:2px}.duel-unit-stats .duel-stats b{font-size:17px}.duel-unit-stats .duel-stats svg{width:12px;height:12px}.duel-unit-stats .duel-stats .hp{background:radial-gradient(circle at 30% 15%,#89a99c,#203b3b 40%,#7a3434);border:2px solid #b4c7b5;border-radius:50%;justify-content:center;gap:1px;width:30px;height:30px;position:absolute;bottom:-6px;right:-5px;box-shadow:0 2px 5px #0009}.duel-unit-stats .duel-stats .hp svg{color:#ffb5ab;width:8px;height:8px}.duel-unit-stats .duel-stats .hp b{font-size:19px}.duel-sleep{z-index:2;color:#d2e4df;background:#122c32ad;border-radius:3px;padding:2px;font:10px Georgia;position:absolute;top:21px;left:3px}.duel-valid{outline-offset:2px;outline:1px solid #e9ca87!important;box-shadow:0 0 12px #dfba5d33!important}.duel-valid .duel-empty-seal{color:#efd18d}.duel-drop-hover.duel-valid{outline:3px solid #ffe4a2!important;box-shadow:0 0 25px #f3ce8466!important}.duel-drop-hover:not(.duel-valid){outline:2px solid #bc7272}.duel-tutorial-target{outline-offset:1px;outline:2px solid #f0ce85!important;box-shadow:0 0 12px #e6b76444!important}.duel-controls{z-index:6;grid-row:4;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.duel-controls>button{background:linear-gradient(#234047bb,#0c2429a8);border-radius:22px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:48px;padding:5px 9px;display:flex;border:1px solid #adb38a44!important}.duel-controls>button>svg{width:20px;height:20px}.duel-controls strong{white-space:nowrap;font-size:11px;font-weight:500;display:block}.duel-controls small{color:#afc4c5;margin-top:2px;font-size:9px;display:block}.duel-controls>button:disabled{color:#82938f;background:#12252a55;border-color:#8d9c8a22!important}.duel-controls>button:disabled svg{color:#82938f}.duel-controls .duel-level-button:not(:disabled){color:#f4d8a0;background:linear-gradient(#655331,#2f2a20);border-color:#c5a264!important}.duel-controls .duel-grave-drop{background:#675732;border:1px dashed #f7d38d!important}.duel-hand-zone{min-height:0;padding-bottom:var(--duel-safe-bottom);background:linear-gradient(#0000,#07121777 60%,#060d13);grid-row:5;position:relative}.duel-inspector{top:0;left:12px;right:12px;bottom:calc(var(--hand-rail) + var(--duel-safe-bottom));z-index:5;background:linear-gradient(90deg,#19303499,#10242a44);border-top:1px solid #b3a16c33;border-radius:6px;align-items:stretch;display:flex;position:absolute}.duel-inspector.duel-idle{visibility:hidden}.duel-selected-detail{overscroll-behavior:contain;text-shadow:0 2px 4px #000;width:100%;min-height:0;padding:5px 10px;position:relative;overflow-y:auto}.duel-selected-detail>p{margin:1px 0 3px;padding-right:0;font-size:12px;line-height:1.45}.duel-selection-heading{align-items:center;min-height:28px;display:flex}.duel-selection-heading strong{font:15px/1.3 var(--serif,serif);color:#f5e4c0;flex:1}.duel-selection-heading button:not(.duel-discard-text){place-items:center;width:48px;height:32px;margin-top:-4px;display:grid}.duel-selection-heading button svg{width:17px;height:17px}.duel-target-hint{color:#edcd90;margin-right:8px;font-size:10px;line-height:1.4;display:inline-block}.duel-discard-text{background:#24404499;border-radius:4px;align-items:center;gap:4px;min-height:32px;padding:4px 7px;display:inline-flex;border:1px solid #8ba3a166!important;font-size:10px!important}.duel-discard-text svg{width:12px;height:12px}.duel-inline-error{color:#ffc2ae;margin:3px 0!important;font-size:12px!important;line-height:1.4!important}.duel-hand-area{bottom:var(--duel-safe-bottom);height:var(--hand-rail);flex-direction:column;min-width:0;display:flex;position:absolute;left:0;right:0;overflow:hidden}.duel-hand-heading{color:#d4d3bc;flex-shrink:0;justify-content:space-between;align-items:center;height:24px;padding:0 12px;font-size:11px;display:flex}.duel-hand-heading b{font:17px Georgia}.duel-hand-heading small{color:#92abae;font-size:10px}.duel-hand-heading>div{color:#aac1c0;align-items:center;gap:4px;font-size:10px;display:flex}.duel-hand-heading button{background:0 0;place-items:center;width:32px;height:24px;display:grid}.duel-hand-heading svg{width:14px;height:14px}.duel-hand-scroll{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;padding:8px 12px 10px;overflow:auto hidden}.duel-hand-scroll::-webkit-scrollbar{display:none}.duel-fan{align-items:flex-start;width:max-content;height:100%;padding-right:12px;display:flex;position:relative}.duel-card{--card-edge:#92bec2;--card-title:#e6e6ca;-webkit-user-select:none;user-select:none;border-radius:5px 10px 5px 5px;flex-shrink:0;min-width:0;display:block;position:relative;overflow:hidden;box-shadow:0 6px 12px #0009;border:2px solid var(--card-edge)!important;color:#f8eaca!important;touch-action:pan-x pinch-zoom!important;background:#132b32!important;padding:0!important}.duel-card.light{--card-edge:#cbb078;--card-title:#f1deb4}.duel-card>.duel-art{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.duel-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07141ae6);position:absolute;inset:45% 0 0}.duel-card-name{z-index:2;color:#183035;background:linear-gradient(90deg,var(--card-edge),var(--card-title),var(--card-edge));width:100%;font:12px/1.25 var(--serif,serif);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:3px 1px;position:absolute;top:0;left:0;overflow:hidden}.duel-card-cost{z-index:3;color:#fff3d3;background:radial-gradient(circle at 30% 20%,#527d81,#16373f);border:1px solid #d7e0ce;border-radius:50%;justify-content:center;align-items:center;gap:1px;width:31px;height:31px;font:22px Georgia;display:flex;position:absolute;top:24px;left:3px}.duel-card-cost b{font-weight:400}.duel-card-cost svg{width:10px;height:14px}.duel-card-cost.light{background:radial-gradient(circle at 30% 20%,#b3944f,#4f3d22)}.duel-card-level{z-index:2;color:#f8ecd7;text-shadow:0 1px 4px #000;font:10px Georgia;position:absolute;top:28px;right:5px}.duel-card-bottom{z-index:3;padding:7px 4px;position:absolute;bottom:0;left:0;right:0}.duel-card .duel-stats>span{color:#fff1cf;text-shadow:0 2px 4px #000;gap:1px}.duel-card .duel-stats b{font-size:21px}.duel-card .duel-stats svg{width:12px;height:13px}.duel-card .duel-stats .hp{color:#ffbbad}.duel-card .duel-stats .def{color:#bbe6ef}.duel-spell-tag{justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.duel-spell-tag svg{width:15px;height:15px}.duel-grave-cost{z-index:2;color:#f1cc91;background:#201d17c9;padding:2px;font-size:9px;position:absolute;top:47px;right:4px}.duel-thumbnail{-webkit-touch-callout:none;cursor:grab;width:var(--hand-card);height:calc(var(--hand-card)*1.5);transform-origin:bottom;transform:translateY(var(--fan-y,0px)) rotate(var(--fan-angle,0deg));margin-right:-24px;transition:box-shadow .12s,border-color .12s}.duel-thumbnail:last-child{margin-right:0}.duel-thumbnail .duel-card-name{padding-right:22px;font-size:11px}.duel-thumbnail .duel-card-level{right:27px}.duel-thumbnail .duel-card-bottom{padding-right:25px}.duel-thumbnail .duel-stats b{font-size:17px}.duel-thumbnail .duel-stats svg{width:10px;height:11px}.duel-thumbnail .duel-grave-cost{right:26px}.duel-thumbnail.duel-selected{box-shadow:0 0 0 1px #f6d082,0 0 14px #d6ac5944;border-color:#ffe4a1!important}.duel-thumbnail .duel-stats{grid-template-columns:repeat(2,max-content);justify-content:start;gap:2px 5px;display:grid}.duel-thumbnail .duel-stats .hp{grid-area:1/2/3;align-self:end}.duel-thumbnail.duel-selected{z-index:2;margin-right:6px;transform:none}.duel-detail-card{width:180px;height:270px;margin:0 auto 16px}.duel-empty-hand{color:#b5c6c9;width:300px;padding:16px;font-size:13px}.duel-drag-card{z-index:300;pointer-events:none;width:112px;height:168px;position:fixed;transform:rotate(-3deg);box-shadow:0 18px 30px #000a,0 0 0 2px #f2d290}.duel-returning{opacity:.2;transition:left .18s ease-out,top .18s ease-out,transform .18s ease-out,opacity .18s ease-out;transform:scale(.75)}.duel-coach-heading{color:#edcc86;grid-area:1/2;align-items:center;gap:4px;margin:-4px -4px 0 4px;display:flex}.duel-coach-heading small{font-size:10px}.duel-coach-heading button{background:0 0;place-items:center;min-width:36px;height:32px;display:grid}.duel-coaching .duel-selected-detail{grid-template-rows:28px auto;grid-template-columns:minmax(0,1fr) auto;align-content:start;display:grid}.duel-coaching .duel-selected-detail>strong{font:14px/1.5 var(--serif,serif);color:#f5e4c0;grid-area:1/1;align-self:center;display:block}.duel-coaching .duel-selected-detail>p{grid-column:1/-1;margin:2px 0;font-size:12px;line-height:1.4}.duel-coaching .duel-text-button{min-height:28px;margin:0;padding:0 8px;display:inline-flex;font-size:10px!important}.duel-coach-next{background:#e6ca8e;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:4px 8px;display:inline-flex;color:#152d32!important;font-size:11px!important}.duel-resolution{background:linear-gradient(90deg,#0d202bce,#0d202b33);border-left:1px solid #ccad70;border-radius:4px;align-items:center;gap:15px;width:100%;padding:14px;display:flex}.duel-resolution-symbol{color:#efcf8f;flex-shrink:0;width:38px}.duel-resolution-symbol svg{width:32px;height:32px}.duel-resolution>div:last-child{min-width:0}.duel-resolution small{color:#e2c38b;letter-spacing:.08em;font-size:10px}.duel-resolution p{max-height:60px;margin:4px 0;font-size:12px;line-height:1.5;overflow:auto}.duel-resolution .duel-text-button{min-height:36px;margin:0;font-size:11px!important}.duel-save-warning{z-index:20;background:#53442e;border-radius:4px;padding:8px;position:absolute;top:52px;right:8px;border:1px solid #dbb979!important;font-size:11px!important}.duel-resolution{min-height:0;overflow:hidden}.duel-resolution>div:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;width:100%;display:grid}.duel-resolution small{grid-column:1}.duel-resolution p{grid-area:2/1;max-height:32px;margin:0}.duel-resolution .duel-text-button{grid-area:1/2/3;max-width:64px;min-height:48px;line-height:1.4;font-size:10px!important}@keyframes duel-select{0%{opacity:.4;transform:translateY(18px)scale(.92)}to{opacity:1;transform:none}}@media (pointer:coarse){.duel-hand-heading button{display:none}}@media (height<=740px){.duel-playing{--board-card:min(72px,calc((100vw - 48px)/5),max(48px,calc((100dvh - 486px - var(--duel-safe-top) - var(--duel-safe-bottom))/3)));--hand-zone:260px;--hand-rail:180px;--hand-card:92px}.duel-table{grid-template-rows:minmax(88px,1fr) auto 52px 48px calc(var(--hand-zone) + var(--duel-safe-bottom))}.duel-playing .duel-topbar>span{font-size:12px}.duel-topbar>button{width:40px}.enemy .duel-hero-vitals{bottom:4px;left:12px}.enemy .duel-hp{width:52px;height:52px}.enemy .duel-hp b{font-size:26px}.enemy .duel-hero-level{width:23px;height:23px;font-size:14px;top:-9px}.enemy .duel-hero-identity{bottom:14px;left:75px}.enemy .duel-hero-identity>small{display:none}.enemy .duel-hero-identity>strong{font-size:13px}.enemy .duel-enemy-count{display:none}.enemy .duel-resources{gap:9px;bottom:6px;right:10px}.enemy .duel-resources b{font-size:23px}.duel-battlefield{grid-template-rows:22px auto auto;gap:5px;padding-bottom:6px}.duel-unit-name{padding:2px 0;font-size:9px}.duel-unit-level{font-size:8px;top:18px}.duel-unit-stats .duel-stats b{font-size:15px}.duel-unit-stats .duel-stats svg{width:10px;height:10px}.duel-unit-stats .duel-stats .hp{width:26px;height:26px}.duel-unit-stats .duel-stats .hp b{font-size:17px}.player .duel-portrait{width:35px;height:40px;top:4px}.player .duel-hero-identity{top:2px;left:43px}.player .duel-hero-identity>strong{font-size:11px}.duel-action-count{bottom:4px;left:43px}.duel-action-count>small{font-size:9px}.player .duel-hp{width:48px;height:48px}.player .duel-hp b{font-size:24px}.player .duel-resources{gap:8px;top:8px;right:65px}.player .duel-resources b{font-size:24px}.duel-controls{gap:6px;padding:0 9px}.duel-controls>button{min-height:48px;padding:4px 8px}.duel-controls small{font-size:8px}.duel-thumbnail{margin-right:-20px}.duel-thumbnail .duel-card-name{padding-right:17px;font-size:10px}.duel-thumbnail .duel-card-level{right:21px}.duel-thumbnail .duel-card-bottom{padding-right:20px}.duel-thumbnail .duel-stats b{font-size:16px}.duel-hero.enemy:before{background-position:50% -16px}.duel-hand-scroll{padding-top:4px}.duel-inspector{left:10px;right:10px}.duel-selected-detail{padding:4px 8px}.duel-selection-heading strong{font-size:13px}.duel-selected-detail>p{font-size:11px}.duel-coaching .duel-selected-detail>strong{font-size:13px}.duel-coaching .duel-selected-detail>p{font-size:11px}.duel-card .duel-card-name{font-size:10px}.duel-resolution{gap:9px;padding:7px}.duel-resolution p{max-height:48px}}@media (height<=680px){.duel-playing{--board-card:min(72px,calc((100vw - 48px)/5),max(48px,calc((100dvh - 442px - var(--duel-safe-top) - var(--duel-safe-bottom))/3)));--hand-zone:216px;--hand-rail:148px;--hand-card:80px}.duel-thumbnail{margin-right:-16px}.duel-thumbnail .duel-card-bottom{padding:4px 14px 4px 2px}.duel-thumbnail .duel-stats b{font-size:14px}.duel-thumbnail .duel-stats svg{width:8px;height:9px}.duel-thumbnail .duel-card-name{padding-right:10px;font-size:9px}.duel-thumbnail .duel-card-level{font-size:8px;top:23px;right:17px}.duel-thumbnail .duel-card-cost{width:25px;height:25px;font-size:18px;top:20px}.duel-hand-heading{height:20px;font-size:10px}.duel-hand-scroll{padding-top:3px;padding-bottom:5px}.duel-inspector{background:#19303477}.duel-selected-detail>p{font-size:11px}.duel-selection-heading{min-height:24px}.duel-selection-heading button,.duel-coach-heading button{height:28px}.duel-thumbnail{transform:none}}@media (height<=599px){.duel-playing{overflow-y:auto}.duel-table{min-height:calc(586px + var(--duel-safe-top) + var(--duel-safe-bottom))}}.duel-effects{pointer-events:none;z-index:25;position:absolute;inset:0;overflow:visible}.duel-flight{transform-origin:50%;will-change:transform,opacity;pointer-events:none;position:absolute}.duel-flight>.duel-card,.duel-flight>.duel-slot{width:100%;height:100%}.duel-flight-summon{animation:duel-deal var(--travel-time) cubic-bezier(.2,.65,.3,1) both}.duel-effects[data-impact=true] .duel-flight-summon,.duel-effects[data-impact=true] .duel-flight-discard,.duel-effects[data-impact=true] .duel-flight-recover,.duel-effects[data-impact=true] .duel-flight-resource,.duel-effects[data-impact=true] .duel-flight-move{visibility:hidden}.duel-flight-attack{animation:duel-strike var(--duration) linear both;filter:drop-shadow(0 9px 8px #0009);z-index:4}.duel-attacking-source,.duel-moving-source{opacity:0}.duel-flight-discard,.duel-flight-move{animation:duel-deal var(--travel-time) ease-in-out both}.duel-flight-resource{animation:duel-token var(--travel-time) cubic-bezier(.3,.5,.3,1) both;place-items:center;display:grid}.duel-flight-resource>svg{filter:drop-shadow(0 0 8px #bdeef6);width:27px;height:32px}.duel-flight-recover{animation:duel-return-flight var(--travel-time) cubic-bezier(.2,.6,.4,1) both}.duel-card-back{color:#efd394;background:repeating-linear-gradient(45deg,#17343d 0 6px,#24454b 6px 7px);border:2px solid #b7a474;border-radius:4px;place-items:center;width:32px;height:46px;margin:auto;display:grid;box-shadow:0 4px 10px #0008}.duel-flight-death{animation:duel-fall var(--settle-time) ease-in both;z-index:3}.duel-spell-trail{filter:drop-shadow(0 0 5px #eecb81);position:absolute;inset:0;overflow:visible;width:100%!important;height:100%!important}.duel-spell-trail path{fill:none;stroke:#fff1b8;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;animation:duel-cast var(--travel-time) ease-in both}.duel-effects[data-impact=true] .duel-spell-trail{opacity:0;transition:opacity 90ms}.duel-floating{z-index:9;color:#ffd0bc;text-shadow:0 2px 4px #081218,0 0 9px #8c3029;pointer-events:none;flex-direction:column;align-items:center;font:700 27px/1 Georgia;animation:.23s ease-out both duel-rise;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.duel-floating>span{background:#0a1a24cf;border-radius:3px;align-items:center;gap:2px;padding:2px;display:flex}.duel-floating svg{width:13px;height:13px}.duel-floating .def,.duel-floating.def{color:#aaeaff;text-shadow:0 2px 4px #081218;font-size:18px}.duel-hero-delta,.duel-resource-delta{color:#ffdf9d;text-shadow:0 2px 6px #000;z-index:6;font:700 18px Georgia;animation:.25s ease-out both duel-rise;position:absolute;top:-6px;right:-7px}.duel-slash,.duel-shield-burst{z-index:8;pointer-events:none;animation:.22s ease-out both duel-burst;position:absolute;inset:4%}.duel-slash{filter:drop-shadow(0 0 4px #d7934e);background:linear-gradient(130deg,#0000 40%,#ffc68655 44%,#fff6d7 49%,#f3bd69 51%,#0000 56%)}.duel-shield-burst{border:2px solid #b1e8ff;border-radius:50%;box-shadow:0 0 18px #81c4df,inset 0 0 14px #b2dfff}.duel-fx-damage,.duel-hit{animation:.23s ease-out duel-shake}.duel-fx-summon{animation:.16s ease-out duel-land}.duel-fx-summon:before{content:"";pointer-events:none;border:1px solid #edcd8a;border-radius:40%;animation:.25s ease-out both duel-ring;position:absolute;inset:-6px;box-shadow:0 0 12px #efc47c}.duel-fx-death{opacity:0}.duel-hero-fx-level .duel-hp{animation:.6s ease-out duel-level}.duel-motion-none *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.duel-motion-fast .duel-floating,.duel-motion-fast .duel-fx-summon,.duel-motion-fast .duel-fx-damage{animation-duration:.1s}@keyframes duel-deal{0%{transform:translate(0)rotate(-4deg)}70%{filter:brightness(1.12)}to{transform:translate(var(--dx),var(--dy)) scale(var(--scale))}}@keyframes duel-strike{0%{transform:none}18%{transform:translate(calc(var(--dx)*-.06),calc(var(--dy)*-.06)) scale(1.04)}45%,55%{transform:translate(calc(var(--dx)*.84),calc(var(--dy)*.84)) scale(1.06)}to{transform:none}}@keyframes duel-token{0%{opacity:0;transform:scale(.6)}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.65);opacity:1}}@keyframes duel-return-flight{0%{transform:translate(calc(var(--i)*4px),0) rotate(calc(var(--i)*6deg - 10deg));opacity:0}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(0);opacity:1}}@keyframes duel-fall{0%{opacity:1;transform:none}to{transform:translate(var(--dx),var(--dy)) scale(.15) rotate(12deg);opacity:0}}@keyframes duel-cast{0%{stroke-dashoffset:1px;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes duel-rise{0%{opacity:0;translate:0 9px;scale:.85}to{opacity:1;translate:0 -8px;scale:1}}@keyframes duel-shake{0%,20%{filter:brightness(1.45)}30%{transform:translate(-3px)}65%{transform:translate(2px)}to{filter:none;transform:none}}@keyframes duel-land{0%{filter:brightness(1.25);transform:scale(1.1)}65%{transform:scale(.97)}to{filter:none;transform:none}}@keyframes duel-ring{0%{opacity:.8;scale:.9}to{opacity:0;scale:1.2}}@keyframes duel-burst{0%{opacity:1;scale:.7}to{opacity:0;scale:1.5}}@keyframes duel-level{42%{filter:brightness(1.25);box-shadow:0 0 35px #f3cb78,inset 0 0 12px #ffe0a2}}.app-shell.at-home{background:#09171c}.at-home .app-header{padding:env(safe-area-inset-top,0px) 12px 0;height:calc(48px + env(safe-area-inset-top,0px));background:linear-gradient(#050f16d9,#0000);border:0;position:absolute;inset:0 0 auto}.at-home .brand{letter-spacing:.04em;font-size:12px}.at-home .brand .lantern{width:15px}.at-home .edition{color:#d1d9cd}.at-home .home-screen{isolation:isolate;text-align:left;flex-direction:column;min-height:100dvh;padding:0;display:flex;position:relative}.home-screen:before{content:"";z-index:-1;background:linear-gradient(#06131c22 0%,#0000 27%,#06131c88 46%,#09171c 66%),url(/duel/rival-arena.jpg) 50% 12%/cover no-repeat;position:absolute;inset:0}.home-hero{min-height:350px;padding-top:calc(60px + env(safe-area-inset-top,0px));flex:1;position:relative}.home-hero .home-title{text-align:left;text-shadow:0 3px 12px #000,0 1px 2px #000;width:max-content;margin:0 0 0 22px;position:relative}.home-hero .home-title>span{letter-spacing:.24em;color:#e6c994;margin:0 0 4px;font:8px/1.4 Georgia,serif}.home-hero .home-title h1{font:32px/1.3 var(--serif);letter-spacing:.08em;color:#f8ecd3;margin:0}.home-hero .home-title p{font:11px/1.4 var(--serif);letter-spacing:.12em;color:#ede0bd;margin:9px 0 0}.home-character{text-align:right;color:#f1ddb7;text-shadow:0 2px 5px #000;position:absolute;bottom:44px;right:20px}.home-character>span{font:16px/1.5 var(--serif);display:block}.home-character small{color:#d5d6c5;margin-top:5px;font-size:10px;display:block}.home-card-fan{z-index:-1;width:175px;height:126px;position:absolute;bottom:-16px;left:27px}.home-card-fan>div{transform-origin:bottom;background:#19363d;border:2px solid #c3b488;border-radius:4px 8px 4px 4px;width:76px;height:114px;position:absolute;overflow:hidden;box-shadow:0 5px 20px #000b}.home-card-fan>div:first-child{top:10px;left:0;transform:rotate(-17deg)}.home-card-fan>div:nth-child(2){top:0;left:47px;transform:rotate(-2deg)}.home-card-fan>div:last-child{top:10px;left:92px;transform:rotate(13deg)}.home-card-fan .duel-art{width:100%;height:100%;display:block}.home-card-fan i{text-align:center;color:#e8d5ac;width:100%;font:8px var(--serif);background:#162d36d9;padding:3px;position:absolute;bottom:0}.home-menu{padding:0 18px calc(12px + env(safe-area-inset-bottom,0px));position:relative}.home-duel{color:#fcebc8;background:linear-gradient(105deg,#193b42ef,#305359ef 60%,#152d35f5);border:1px solid #ddc083;border-radius:5px;align-items:center;gap:12px;width:100%;min-height:84px;padding:10px 16px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #13292d,inset 0 0 0 4px #99815a88,0 5px 20px #0007}.home-duel:before,.home-duel:after{content:"◆";color:#dfbf7e;font-size:9px;position:absolute;top:calc(50% - 5px)}.home-duel:before{left:-5px}.home-duel:after{right:-5px}.home-menu-seal{color:#e8cc90;background:radial-gradient(#527371,#112932);border:1px solid #c6ae7b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 3px #0e252b}.home-duel>span:nth-child(2){text-align:left;flex:1}.home-duel small{color:#c8b887;letter-spacing:.22em;font:8px Georgia;display:block}.home-duel strong{font:21px/1.5 var(--serif);display:block}.home-duel em{color:#becac2;font:10px/1.4 system-ui;display:block}.home-duel>svg{color:#ddc69b;width:18px}.home-mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.home-mode-grid>button{text-align:left;background:#122a31;border:1px solid #a89b714d;border-radius:4px;height:112px;position:relative;overflow:hidden}.home-mode-grid .duel-art{opacity:.7;width:116px;height:174px;position:absolute;top:-18px;right:-8px}.home-mode-grid>button:after{content:"";background:linear-gradient(90deg,#0b202ae8,#0c23287d),linear-gradient(#0000,#081820b3);position:absolute;inset:0}.home-mode-grid>button>span{z-index:1;color:#eedcba;flex-direction:column;align-items:flex-start;padding:12px;display:flex;position:relative}.home-mode-grid svg{width:20px;height:20px;margin-bottom:10px}.home-mode-grid small{letter-spacing:.17em;color:#bfb48e;font:7px/1.3 Georgia}.home-mode-grid strong{font:14px/1.8 var(--serif)}.home-resume{color:#e7d6ae;border-bottom:1px solid #b19d6f44;align-items:center;gap:9px;width:100%;min-height:48px;font-size:12px;display:flex}.home-resume>span{text-align:left;flex:1}.home-resume svg{width:17px}.home-library{border-block:1px solid #9f96602e;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.home-library button{color:#bbc8c3;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:64px;font-size:10px;display:flex}.home-library svg{color:#ceb98e;width:18px;height:18px}.home-library button+button{border-left:1px solid #9f96602e}.home-menu .home-note{text-align:center;color:#8daba9;margin:12px 0 0;font-size:9px}@media (height<=740px){.home-hero{min-height:270px}.home-card-fan{transform-origin:0 100%;transform:scale(.85)}.home-character{bottom:26px}.home-mode-grid>button{height:90px}.home-mode-grid svg{margin-bottom:4px}.home-menu{padding-inline:16px}.home-duel{min-height:76px}.home-library{margin-top:12px}.home-library button{min-height:56px}}@media (width<=380px){.home-hero .home-title h1{font-size:28px}.home-character{right:16px}.home-duel strong{font-size:19px}.home-mode-grid strong{font-size:13px}}:root{color:#e6e7dc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#141e21;--panel:#1b292d;--line:#354345;--muted:#9caaa7;--gold:#e4b77a;--steel:#a4c8d2;--light:#e7c58d;--red:#e29383;--toolbar:68px;--serif:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;background:#101719;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button svg{flex-shrink:0}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);letter-spacing:.06em;font-weight:500;line-height:1.5}h2{font-size:18px;font-weight:500}h3{margin:22px 0 12px;font-size:14px;font-weight:600}p{line-height:1.8}small{font-size:11px}svg{vertical-align:middle}::selection{background:#776141}.app-shell{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:clip;box-shadow:0 0 120px #0006}.app-shell:before{content:"";pointer-events:none;opacity:.035;z-index:40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.app-header{z-index:5;border-bottom:1px solid #7184811a;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:relative}.brand{min-height:48px;font-family:var(--serif);letter-spacing:.13em;align-items:center;gap:8px;padding:0;font-size:15px;display:flex}.lantern.small{width:20px;height:28px;color:var(--gold)}.header-right{align-items:center;gap:8px;display:flex}.edition{color:#8c9c97;letter-spacing:.12em;font-size:9px}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:48px;min-height:48px;display:inline-flex}.icon-button:hover{color:var(--gold)}.eyebrow{color:var(--gold);letter-spacing:.15em;margin-bottom:12px;font-size:10px;font-weight:600}.muted{color:var(--muted);font-size:12px;line-height:1.8}.center{text-align:center}.lead{color:#b4bfba;margin:12px 0 24px;font-size:13px;line-height:1.9}.page{padding:32px 24px 40px}.page h1{font-size:29px}.primary,.secondary{letter-spacing:.04em;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:flex}.primary{background:var(--gold);color:#20292a;box-shadow:0 6px 24px #0002}.primary:not(:disabled):hover{background:#f0c58a}.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:translateY(1px)}.secondary{color:#d4dcd4;background:#24302f;border:1px solid #52625e;margin-top:12px}.secondary:hover{background:#2a3b39}.text-button{color:#b5c1b9;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:12px;display:flex}.text-button:hover{color:var(--gold)}.compact{min-height:44px;padding:8px 12px;font-size:12px}.notice{z-index:10;background:#273c37;align-items:center;gap:8px;padding:10px 16px;font-size:12px;line-height:1.6;display:flex;position:relative}.notice button{margin-left:auto}.warning{color:#f0b9a4!important}.notice.warning{background:#4a302a}.toast{color:#ffdfba;z-index:100;background:#573d30;border:1px solid #956b46;border-radius:6px;width:min(90%,430px);padding:14px 18px;font-size:13px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0008}.starter-page{padding-top:40px}.relic-choices{flex-direction:column;gap:12px;margin:28px 0;display:flex}.relic-choice{text-align:left;background:linear-gradient(120deg,#25312c,#1b2829);border:1px solid #3b4841;border-radius:6px;align-items:center;gap:18px;padding:22px 16px;display:flex;position:relative}.relic-choice.chosen{border-color:var(--gold);background:linear-gradient(120deg,#3c3e2d,#25312c);box-shadow:inset 0 0 0 1px #e4b77a33}.relic-art{width:57px;height:57px;color:var(--gold);background:radial-gradient(circle,#d5ba6120,#0000 75%);border:1px solid #8e7d5066;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.relic-choice small{color:#adad92;margin-bottom:6px;font-size:9px;display:block}.relic-choice strong{font-family:var(--serif);letter-spacing:.05em;font-size:19px;font-weight:500;display:block}.relic-choice p{color:#b7c0b3;margin-top:7px;font-size:11px;line-height:1.8}.choice-check{color:var(--gold);position:absolute;top:10px;right:10px}.starter-page>.muted{margin-top:18px}.page-heading{justify-content:space-between;align-items:center;display:flex}.journey-hp{color:var(--red);align-items:center;gap:5px;font-size:13px;display:flex}.journey-hp b{font-size:22px}.journey-hp span{color:#8a9994;font-size:10px}.relic-strip{gap:8px;margin:12px 0 8px;display:flex}.relic-strip button{width:48px;height:48px;color:var(--gold);background:#d2b75c08;border:1px solid #4a4e3a;border-radius:50%}.journey-map{padding-top:16px;position:relative}.journey-map:before{content:"";border-left:1px dashed #6d756238;position:absolute;inset:25px 50% 32px auto}.map-row{justify-content:center;align-items:center;gap:18px;margin-bottom:28px;display:flex;position:relative}.map-row:after{content:"";border-left:1px solid #69755766;height:28px;position:absolute;top:100%;left:50%}.map-row.depth-4:after{display:none}.depth-number{color:#91a08666;font-family:Georgia,serif;font-size:10px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.map-node{z-index:1;background:#1c2929;border:1px solid #46514a66;border-radius:6px;flex-direction:column;align-items:center;gap:5px;width:calc(50% - 9px);min-height:134px;padding:14px 6px;display:flex;position:relative}.map-node.available{background:linear-gradient(145deg,#374033,#202d29);border-color:#c0a56a;box-shadow:0 0 24px #bb9b4610}.map-node.completed{opacity:.5}.map-node>small{color:#a6b1a3;font-size:9px}.map-node strong{font-family:var(--serif);letter-spacing:.025em;font-size:16px;font-weight:500}.node-icon{color:#b4b99d;height:32px}.available .node-icon,.available .node-state{color:var(--gold)}.node-state{color:#839185;margin-top:3px;font-size:9px}.boss-node{background:linear-gradient(135deg,#3d322b,#252824);border-color:#8d756844}.boss-node .node-icon{color:#c5a27b}.map-footer{color:#8f9e92;border-top:1px solid #38483e;justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.in-battle{--toolbar:68px;flex-direction:column;height:100dvh;min-height:500px;display:flex}.in-battle .app-header{flex-shrink:0;height:48px;padding:0 12px}.battle-screen{background:radial-gradient(at 50% 20%,#2b3d3b33,#0000 60%);flex-direction:column;flex:1;min-height:0;padding:0 12px;display:flex;position:relative}.enemy-header{flex-shrink:0;align-items:center;gap:10px;min-height:65px;display:flex}.enemy-portrait{color:#c3a790;background:#8a67351c;border:1px solid #a886643b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;transform:rotate(0)}.enemy-name{flex:1}.enemy-name small{color:#aa9d89;letter-spacing:.13em;font-size:8px}.enemy-name h1{letter-spacing:.04em;margin-top:3px;font-size:19px}.hero-health{min-height:48px;color:var(--red);border-radius:5px;align-items:center;gap:4px;padding:4px 2px;display:flex;position:relative}.hero-health b{font-family:Georgia,serif;font-size:25px;font-weight:400}.hero-health>span{color:#90a09a;font-size:10px}.hero-health em{color:#a9ced9;align-items:center;gap:2px;margin-left:4px;font-size:11px;font-style:normal;display:flex}.hero-health.valid-target{background:#42655c55}.intent-box{text-align:left;background:linear-gradient(100deg,#443b2a88,#312d2444);border:1px solid #7e65463d;border-radius:4px;flex-shrink:0;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 10px;display:flex}.intent-label{color:#cfb78d;letter-spacing:.1em;text-align:center;border-right:1px solid #7e65464d;flex-shrink:0;padding-right:10px;font-size:7px;line-height:1.5}.intent-label svg{margin-top:4px}.intent-box>span:nth-child(2){flex:1}.intent-box strong{color:#e5cda3;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.intent-box strong em{color:#a4cfb6;font-size:9px;font-style:normal}.intent-box>span>span{color:#b9b7a8;margin-top:2px;font-size:10px;line-height:1.6;display:block}.intent-box>svg{color:#9b927e}.intent-box.fizzle{border-color:#69857555}.battlefield{flex-shrink:0;margin-top:9px;position:relative}.field-meta{color:#9aa99f;letter-spacing:.05em;justify-content:space-between;margin:0 2px 7px;font-size:9px;display:flex}.field-meta i{color:#6f8375;padding:0 5px;font-style:normal}.unit-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.unit-row.player{margin-top:24px}.field-slot{background:linear-gradient(140deg,#20312e66,#1a292680);border:1px solid #4e62554d;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:84px;padding:7px 1px 3px;transition:background .2s,border .2s;display:flex;position:relative}.unit-row.enemy .occupied{background:linear-gradient(135deg,#42382f,#2d302b);border-color:#82725a88}.unit-row.player .occupied{background:linear-gradient(135deg,#2b4241,#1f3435);border-color:#59817a88}.unit-row.enemy .field-slot>svg{color:#c2a687}.unit-row.player .field-slot>svg{color:#a8c7bc}.slot-number{color:#91a09280;font-size:8px;position:absolute;top:3px;left:5px}.unit-name{white-space:nowrap;text-overflow:ellipsis;color:#b6c0ad;max-width:100%;padding:0 3px;font-size:8px;overflow:hidden}.unit-stats{justify-content:center;gap:8px;width:100%;font-size:13px;display:flex}.unit-stats b{align-items:center;gap:2px;font-weight:500;display:flex}.unit-stats b:first-child{color:#ebc894}.unit-stats b:last-child{color:#eeb3a0}.unit-ward{color:#b6d8dd;align-items:center;font-size:9px;display:flex;position:absolute;top:3px;right:3px}.sleep{color:#afc9d3;font-size:9px;font-style:italic;position:absolute;top:15px;left:4px}.empty-sigil{color:#58706477;font-size:25px;font-weight:200}.field-slot.valid-target{background:#ae955325;border-color:#dbbd81;box-shadow:inset 0 0 15px #d2aa6a0a}.field-slot.valid-target .empty-sigil{color:var(--gold)}.field-slot.threatened{border-style:dashed;border-color:#be795b}.target-mark{color:#e6a57c;z-index:2;font-size:8px;position:absolute;bottom:-14px;right:1px}.attack-rail{pointer-events:none;grid-template-columns:repeat(5,1fr);gap:6px;height:22px;display:grid;position:absolute;top:calc(50% + 1px);left:0;right:0}.attack-rail>span{justify-content:center;align-items:center;gap:6px;display:flex}.attack-rail i{width:14px}.enemy-arrow{color:#c39075}.player-arrow{color:#8fbbb0}.event-highlight{border-color:#f2c784!important;box-shadow:0 0 18px #ebbe7966!important}.player-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;min-height:55px;margin-top:4px;display:flex}.hero-health.player b{font-size:24px}.resource-values{align-items:center;gap:15px;display:flex}.resource-values>span{align-items:center;gap:4px;display:flex}.resource-values b{font-family:Georgia,serif;font-size:20px;font-weight:500}.resource-values small{color:#869991;font-size:9px}.steel{color:var(--steel)}.light{color:var(--light)}.action-count{grid-template-columns:12px 12px;justify-content:center;gap:4px;padding:0 7px;display:grid}.action-count>span{background:#22322c;border:1px solid #688a72;border-radius:2px;width:11px;height:11px;transform:rotate(45deg)}.action-count>span.lit{background:#a2b994;border-color:#b1c7a2;box-shadow:0 0 7px #b2c59833}.action-count small{white-space:nowrap;text-align:center;color:#a2b49d;grid-column:1/3;margin-top:2px;margin-left:-7px;margin-right:-7px;font-size:8px}.forecast{color:#adc3a6;background:#2a3b323d;border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:30px;padding:0 9px;font-size:10px;display:flex}.forecast button{width:32px;min-height:30px}.forecast.danger{color:#f2b9a3;background:#6c3e3033}.hand{flex-direction:column;flex:1;min-height:0;margin-top:3px;display:flex}.hand-tabs{border-bottom:1px solid #35483d;flex-shrink:0;align-items:center;gap:4px;height:48px;display:flex}.hand-tabs>button{color:#93a699;justify-content:center;align-items:center;gap:5px;min-height:48px;padding:0 9px;font-size:11px;display:flex;position:relative}.hand-tabs>button[aria-selected=true]{color:var(--gold)}.hand-tabs>button[aria-selected=true]:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-1px;left:7px;right:7px}.hand-tabs span{opacity:.7;font-size:9px}.hand-tabs .expand-button{width:48px;margin-left:auto}.hand-content{flex:1;min-height:0;overflow:hidden}.hand-grid,.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px 0;display:grid}.hand-grid{scrollbar-width:thin;scrollbar-color:#4b6555 transparent;overscroll-behavior:contain;align-content:start;height:100%;overflow-y:auto}.card-tile{text-align:left;background:linear-gradient(135deg,#293a39,#203030);border:1px solid #4b61594d;border-radius:4px;align-items:center;gap:8px;min-width:0;min-height:74px;padding:11px 7px;display:flex;position:relative}.card-tile.light{background:linear-gradient(135deg,#363c2f,#292f29);border-color:#897d4b4d}.card-tile:hover{border-color:#a3b4a888}.card-tile.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e4b77a55}.card-tile.unavailable{filter:saturate(.55);opacity:.48}.card-emblem{opacity:.83;flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.card-copy{flex:1;min-width:0;padding-right:3px}.card-copy strong{color:#e0e3d4;letter-spacing:-.02em;padding-right:5px;font-size:11px;font-weight:500;line-height:1.5;display:block}.card-sub{color:#9cad9d;flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px;font-size:8px;display:flex}.card-cost{align-items:center;gap:2px;font-size:10px;display:flex;position:absolute;top:4px;right:5px}.card-cost svg{width:9px;height:9px}.upgrade{color:#e5c581;font-weight:500}.empty-copy{text-align:center;color:#a0b1a3;grid-column:1/-1;padding:24px 0;font-size:12px}.selection-panel{bottom:calc(var(--toolbar) + env(safe-area-inset-bottom) + 2px);z-index:11;background:linear-gradient(135deg,#303e35,#202e2a);border:1px solid #a4976a;border-radius:6px;min-height:150px;max-height:42dvh;padding:12px 14px;position:absolute;left:12px;right:12px;overflow:auto;box-shadow:0 -8px 30px #0006}.selection-title{color:var(--gold);align-items:center;gap:9px;display:flex}.selection-title strong{font-family:var(--serif);flex:1;font-size:17px;font-weight:500}.selection-title>span{align-items:center;gap:3px;display:flex}.selection-title .icon-button{width:36px;min-height:40px;margin:-7px -8px -7px 0}.selection-panel>p{color:#d2dac8;margin:7px 0;font-size:12px;line-height:1.7}.selection-panel>small{color:#b9c3a7;margin:7px 0;font-size:10px;display:block}.target-instruction{color:var(--gold);border-top:1px solid #63724d55;padding-top:9px;font-size:11px}.hand.expanded{bottom:calc(var(--toolbar) + env(safe-area-inset-bottom));z-index:12;background:#172522;border-top:1px solid #6a7959;height:60dvh;padding:8px 12px 0;position:absolute;left:0;right:0;box-shadow:0 -10px 80px #000a}.hand.expanded .selection-panel{bottom:0}.battle-toolbar{height:calc(var(--toolbar) + env(safe-area-inset-bottom));padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #475a4155;flex-shrink:0;grid-template-columns:1fr 1fr .9fr 1.7fr;align-items:center;gap:6px;display:grid}.battle-toolbar>button{border-radius:4px;min-width:0;height:48px;font-size:12px}.gather{background:#20332d;border:1px solid #50685d!important}.gather.light{background:#353b2b;border-color:#7e744e!important}.gather span{justify-content:center;align-items:center;gap:3px;font-size:13px;display:flex}.gather small,.grave-button small{margin-top:4px;font-size:8px;display:block}.grave-button{color:#b6c0a9;border:1px solid #485847!important}.end-button{background:var(--gold);color:#28302b;justify-content:center;align-items:center;gap:5px;font-weight:600;display:flex;font-size:11px!important}.resolution{z-index:50;background:#233a33f5;border:1px solid #bdad77;border-radius:4px;align-items:center;gap:10px;width:min(456px,100% - 24px);padding:10px 12px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.resolution>span{flex:1;font-size:12px;line-height:1.7}.resolution button{color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:48px;min-height:48px;font-size:10px;display:flex}.victory-seal{width:60px;height:60px;color:var(--gold);background:#ceb3640c;border:1px solid #8e8054;border-radius:50%;justify-content:center;align-items:center;margin:5px auto 24px;display:flex}.reward-page h1{font-size:25px}.reward-list{flex-direction:column;gap:13px;margin-top:28px;display:flex}.reward-card{text-align:left;background:linear-gradient(125deg,#333b2d,#202d29);border:1px solid #6f735344;border-radius:6px;align-items:center;gap:13px;padding:20px 14px;display:flex}.reward-card>span:nth-child(2){flex:1}.reward-card small{color:#b8b88e;letter-spacing:.04em;font-size:10px}.reward-card h2{font-family:var(--serif);margin:6px 0;font-size:19px}.reward-card p{color:#bac5b2;font-size:11px}.reward-icon{width:48px;color:var(--gold);text-align:center;flex-shrink:0}.reward-card>.relic-art{width:48px;height:48px}.reward-card>svg{color:#b3b491}.relic-preview{text-align:center;padding:20px 10px}.relic-preview>.relic-art{width:76px;height:76px;margin:0 0 20px}.relic-preview h2{font-family:var(--serif);font-size:24px}.relic-preview p{margin:14px 0;font-size:13px}.section-title{margin:15px 0 10px;font-size:15px}.reward-confirm{margin-top:18px;position:sticky;bottom:16px}.reward-confirmation{background:#51613c55;border-radius:4px;margin-top:10px;padding:12px 15px;font-size:12px;line-height:1.7}.result-page{text-align:center;padding-top:44px}.result-lantern{color:var(--gold);height:160px;margin-bottom:30px}.result-lantern .lantern{filter:drop-shadow(0 0 20px #e5bd5b33);width:100px;height:150px}.result-page.lost .result-lantern{color:#80948a}.result-page h1{font-size:26px}.result-metrics{border-top:1px solid #4c5e46;border-bottom:1px solid #4c5e46;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0 24px;padding:22px 0;display:grid}.result-metrics span{color:#a0b094;font-size:9px}.result-metrics b{color:#dedbc0;margin-bottom:10px;font-family:Georgia,serif;font-size:30px;font-weight:400;display:block}.result-page .relic-strip{justify-content:center;margin-bottom:30px}.result-page .text-button{margin:12px auto}.seed-label{color:#9a9;overflow-wrap:anywhere;letter-spacing:.06em;margin:12px 0;font-size:10px}.modal{color:#e0e4d6;background:#1c2a28;border:1px solid #65765b;border-radius:12px 12px 8px 8px;width:calc(100% - 24px);max-width:450px;max-height:86dvh;padding:0;overflow:auto;box-shadow:0 20px 80px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070e10ba}.modal-head{z-index:3;background:#202f29;border-bottom:1px solid #46583f;justify-content:space-between;align-items:center;padding:8px 12px 8px 22px;display:flex;position:sticky;top:0}.modal-head h2{font-family:var(--serif);font-size:19px}.modal-body{padding:20px 22px 24px}.modal-body>p{margin:8px 0 18px;font-size:13px}.modal-body>.primary{margin-top:22px}.modal.wide .modal-body{padding:16px 14px 22px}.modal .deck-grid{gap:8px}.intel-hp{color:#e5aa8f;align-items:center;gap:8px;display:flex}.intel-formation{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.intel-formation>span{color:#c5bc97;background:#30372c;border:1px solid #626c4c66;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;display:flex}.intel-formation small{color:#98a38d;font-size:9px}.intel-formation b{font-size:12px;font-weight:500}.cycle-list{color:#c4cbb6;margin:14px 0;padding-left:23px;font-size:12px;line-height:1.8}.cycle-list li{margin-bottom:12px;padding-left:4px}.cycle-list li::marker{color:var(--gold)}.card-detail-art{height:130px;color:var(--gold);background:radial-gradient(#8e8a4930,#0000 70%);justify-content:center;align-items:center;margin:4px 0 20px;display:flex}.save-status{color:#aabe9d;align-items:center;gap:8px;display:flex;font-size:11px!important}.save-status>span{background:#9ab990;border-radius:50%;width:6px;height:6px}.menu-links{margin:20px -3px}.menu-links>button{border-bottom:1px solid #4a5b4033;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 3px;font-size:13px;display:flex}.menu-links>button>svg:last-child{color:#a6b295;margin-left:auto}.segmented{background:#111e1b;border-radius:5px;gap:5px;margin-bottom:22px;padding:4px;display:flex}.segmented>button{color:#a5b29d;border-radius:3px;flex:1;min-height:48px;font-size:12px}.segmented>button[aria-pressed=true]{color:#e4d2a3;background:#46523a}.dev-link{color:#849c8c;border-top:1px solid #3b524233;width:100%;margin-top:15px;font-size:10px}.modal-body>.text-button{width:100%}.new-lantern{text-align:center;margin:5px 0 12px}.new-lantern .small{width:48px;height:66px}.input-label{color:#d6d9bf;margin:22px 0;font-size:12px;display:block}.input-label>span{color:#98aa96;margin-left:8px;font-size:9px}.input-label input,.input-label select{color:#dbe2c9;background:#13221d;border:1px solid #67755366;border-radius:4px;width:100%;min-height:48px;margin-top:10px;padding:12px;font-size:13px;display:block}.input-label input::placeholder{color:#83977f;font-size:11px}.rule-intro{font-family:var(--serif);color:#d0d8bd;margin:0 0 25px;font-size:20px;line-height:1.8}.rule-intro strong{color:var(--gold);font-weight:500}.rules>section{align-items:flex-start;gap:14px;margin-bottom:25px;display:flex}.rules>section>span{color:var(--gold);border:1px solid #7d845366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;font-family:Georgia,serif;font-size:16px;display:flex}.rules h3{color:#d9dfc9;margin:4px 0 9px;font-size:14px;font-weight:500}.rules p{color:#adbea8;font-size:12px;line-height:1.9}.rules-note{background:#30382755;border:1px solid #6c684944;border-radius:4px;margin-bottom:20px;padding:16px}.rules-note strong{color:#d6caa4;margin-bottom:9px;font-size:13px;display:block}.owned-relics>div{color:var(--gold);border-bottom:1px solid #40543c;align-items:center;gap:12px;padding:13px 4px;display:flex}.owned-relics strong{font-size:13px;font-weight:500}.owned-relics p{color:#aabb9e;margin-top:4px;font-size:11px}.event-list{color:#bac6ab;overflow-wrap:anywhere;padding-left:20px;font-size:11px;line-height:1.8}.event-list li{margin:8px 0;padding-left:4px}.event-list li.turn{color:#d4bd85;border-top:1px solid #425435;padding-top:10px}.event-list li.death{color:#dcaa8d}.event-list li.relic{color:#b9d1a2}.event-list li.result{color:var(--gold)}@media (width>=700px){body{background:radial-gradient(at 50% 30%,#27312b,#101719 65%)}.app-shell{border-left:1px solid #46544b33;border-right:1px solid #46544b33}.home-screen{padding-top:40px}.landscape{height:310px}.hero-lantern{top:48px}.home-title h1{font-size:48px}.home-description{margin:28px 0 30px}}@media (width<=380px){.page{padding-left:18px;padding-right:18px}.home-title h1{font-size:39px}.edition{font-size:8px}.field-slot{height:78px}.unit-row{gap:4px}.unit-name{font-size:7px}.unit-stats{gap:5px}.card-tile{gap:5px;padding-left:5px}.card-emblem{width:24px}.card-emblem svg{width:22px}.card-copy strong{font-size:10px}.relic-choice{gap:12px;padding:18px 12px}.enemy-name h1{font-size:17px}.resource-values{gap:9px}}@media (height<=740px){.in-battle .app-header{height:42px}.in-battle{--toolbar:60px}.enemy-header{gap:8px;min-height:48px}.enemy-portrait{width:34px;height:34px}.enemy-name h1{margin-top:0;font-size:16px}.enemy-name small{font-size:7px}.intent-box{min-height:48px;padding:6px 9px}.intent-box>span>span{font-size:9px}.intent-label{font-size:6px}.intent-label svg{height:14px;margin-top:0}.battlefield{margin-top:6px}.field-meta{margin-bottom:5px;font-size:8px}.field-slot{gap:2px;height:64px;padding-top:5px}.field-slot>svg{width:21px;height:21px}.unit-name{font-size:7px}.unit-stats{font-size:12px}.unit-row.player{margin-top:18px}.attack-rail{height:18px;top:calc(50% + 1px)}.target-mark{font-size:7px;bottom:-11px}.player-bar{min-height:43px;margin-top:2px}.hero-health{min-height:42px}.hero-health b,.hero-health.player b{font-size:22px}.resource-values b{font-size:18px}.forecast{min-height:27px;font-size:9px}.forecast button{min-height:27px}.hand{margin-top:1px}.card-tile{min-height:62px;padding-top:8px;padding-bottom:8px}.hand-grid{gap:6px;padding-top:6px}.battle-toolbar{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.home-screen{padding-top:20px}.landscape{height:230px}.hero-lantern{top:28px}.home-title{margin-top:-24px}.home-description{margin:18px 0 22px}.home-facts{margin-top:8px;padding-top:14px}.home-note{margin-top:12px}.selection-panel{min-height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.journey-map:before,.map-row:after{display:none}.map-connections{pointer-events:none;width:100%;height:28px;position:absolute;top:100%;left:0;overflow:visible}.map-connections path{fill:none;stroke:#879077;stroke-width:1px;opacity:.65}.hero-health{min-height:48px}.selection-title .icon-button{width:48px;min-height:48px}.app-shell{padding-top:env(safe-area-inset-top)}.page,.home-screen{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.battle-feedback{color:#b6cbb7;flex-shrink:0;align-items:center;gap:7px;min-height:43px;padding:4px 2px;display:flex}.feedback-icon{width:20px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.battle-feedback>span:nth-child(2){flex:1;min-width:0}.battle-feedback strong{font-size:10px;font-weight:500;line-height:1.6;display:block}.battle-feedback small{color:#9eafa3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.6;display:block;overflow:hidden}.battle-feedback>button{min-width:48px;min-height:48px;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:-3px 0;display:flex}.battle-feedback.playing{color:#ead7ae}.playback-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:.55s ease-in-out infinite alternate feedback-breathe}.resource-values>span,.action-count{position:relative}.field-slot.fx-attack{z-index:2;border-color:#f2cd8c;box-shadow:0 0 18px #e4b77a66}.unit-row.player .fx-attack{animation:.3s ease-in-out attack-up}.unit-row.enemy .fx-attack{animation:.3s ease-in-out attack-down}.fx-target{outline-offset:2px;outline:2px solid #efc881;background-color:#b3974733!important}.field-slot.fx-damage,.hero-health.fx-damage{border-color:#f3a186;animation:.3s ease-out hit-shake;box-shadow:inset 0 0 18px #e6826b55}.field-slot.fx-ward,.hero-health.fx-ward{outline:1px solid #8dbfcf;box-shadow:inset 0 0 18px #84b6c755}.field-slot.fx-summon>svg{animation:.28s ease-out summon-in}.field-slot.fx-summon{border-color:#c3d6a4;box-shadow:inset 0 0 28px #b2d7a444}.field-slot.fx-move>svg{animation:.28s ease-out move-in}.fx-resource{animation:.28s ease-out resource-flash}.floating-value{z-index:8;pointer-events:none;white-space:nowrap;color:#ffc0a3;text-shadow:0 2px 5px #111,0 0 7px #111;font-family:Georgia,serif;font-size:22px;font-weight:700;animation:.32s ease-out both value-rise;position:absolute;top:2px;left:50%;transform:translate(-50%)}.floating-value.ward,.floating-value.summon,.floating-value.move,.floating-value.death{color:#d5e8b7;background:#182923e8;border-radius:3px;padding:3px 4px;font-family:inherit;font-size:10px;top:8px}.floating-value.ward{color:#c3e6f5}.floating-value.resource{color:#f4d597;font-size:18px;top:-10px}.death-ghost{color:#d2b596;animation:.22s ease-out both death-out;position:absolute}.hand-grid>div>.card-tile{width:100%;height:100%}.battle-screen[aria-busy=true] .hand{pointer-events:none;opacity:.7}.card-tile:active{transform:scale(.98)}.battle-toolbar>button:not(:disabled):active{transform:translateY(1px)}.tutorial-card-focus>.card-tile{border-color:var(--gold);opacity:1;filter:none;box-shadow:inset 0 0 0 1px #e4b77a66,0 0 14px #e4b77a22}.tutorial-focus{outline-offset:2px;outline:2px solid #f2d899;box-shadow:0 0 16px #d5b56744}.tutorial-entry{text-align:left;border-color:#8c8c6070;justify-content:flex-start;gap:12px}.tutorial-entry>span{flex:1}.tutorial-entry strong{font-size:13px;font-weight:500;display:block}.tutorial-entry small{color:#aebda4;letter-spacing:0;margin-top:5px;font-size:10px;font-weight:400;display:block}.tutorial-coach{background:linear-gradient(115deg,#41472e,#27382c);border:1px solid #aaa36a80;border-radius:5px;flex-shrink:0;min-height:80px;margin-top:4px;padding:7px 10px;position:relative}.coach-heading{color:#c7cda5;justify-content:space-between;align-items:center;font-size:9px;line-height:1.5;display:flex}.coach-heading>span{letter-spacing:.04em;align-items:center;gap:4px;display:flex}.coach-heading>button{color:#b6bfa5;min-height:30px;margin:-6px -4px -6px 0;padding:0 5px;font-size:9px}.coach-instruction{margin-top:3px}.coach-instruction strong{color:#f1d39b;font-size:12px;font-weight:600;line-height:1.6;display:block}.coach-instruction p{color:#d3dcc0;margin-top:2px;font-size:10px;line-height:1.7}.coach-start{background:var(--gold);color:#273128;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.coach-skip{color:var(--gold);align-items:center;gap:5px;min-height:30px;margin-top:4px;font-size:10px;display:flex}.tutorial-success{width:60px;height:60px;color:var(--gold);border:1px solid #a59b63;border-radius:50%;justify-content:center;align-items:center;margin:8px auto 24px;display:flex}.tutorial-takeaways{color:#c4d1b5;padding-left:20px;font-size:12px;line-height:1.9}.tutorial-takeaways li{margin:15px 0}.tutorial-takeaways strong{color:#e4d19e}.in-tutorial .hand-tabs{height:42px}.in-tutorial .hand-tabs>button{min-height:42px}.motion-none *,.motion-none :before,.motion-none :after{transition:none!important;animation:none!important}@keyframes attack-up{40%{transform:translateY(-13px)scale(1.04)}to{transform:translateY(0)}}@keyframes attack-down{40%{transform:translateY(13px)scale(1.04)}to{transform:translateY(0)}}@keyframes hit-shake{20%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes summon-in{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes move-in{0%{opacity:.2;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes death-out{to{opacity:0;transform:scale(.5)translateY(-8px)}}@keyframes value-rise{0%{opacity:0;translate:0 7px}25%{opacity:1}to{opacity:1;translate:0 -9px}}@keyframes resource-flash{50%{color:#fff0bb;filter:drop-shadow(0 0 5px #e6ce7d)}}@keyframes feedback-breathe{to{opacity:.3}}@media (height<=740px){.battle-feedback{min-height:36px}.battle-feedback strong{font-size:9px}.battle-feedback small{font-size:8px}.tutorial-coach{min-height:75px;padding:5px 9px}.coach-instruction strong{font-size:11px}.coach-instruction p{font-size:9px}.in-tutorial .enemy-header{min-height:43px}}