*{box-sizing:border-box}body{color:#10221d;background:#f4f0e4;margin:0;font-family:Inter,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}main{max-width:1500px;margin:auto;padding:16px}header{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0001}header h1{margin:0;font-family:Georgia,serif}header h1 small,header h1 em{background:#fff;border:1px solid #ddd;border-radius:8px;margin-left:6px;padding:5px;font:600 12px Inter,sans-serif}header h1 em{color:#fff;background:#d97706;border:0}header p{color:#64748b;margin:6px 0 0}.headerActions{flex-shrink:0;align-items:center;gap:10px;display:flex}header button,.actions button,.primary{background:#fff;border:1px solid #ccd3d0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.sortToggle{white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.sortToggle input{width:16px;height:16px}.topStatus{grid-template-columns:minmax(190px,1fr) auto auto;align-items:stretch;gap:12px;margin:12px 0;display:grid}.morales{background:#fff;border:1px solid #ddd;border-radius:14px;grid-template-rows:repeat(3,1fr);min-width:0;display:grid;overflow:hidden}.stat{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 12px;display:flex}.stat+.stat{border-top:1px solid #e5e7eb}.stat small{color:#64748b;white-space:nowrap;margin-right:8px;display:inline}.stat b{font-size:22px;line-height:1}.topDecks{background:#fff;border:1px solid #ddd;border-radius:14px;grid-template-columns:repeat(2,64px);gap:8px;padding:6px 8px;display:grid}.stackBox{text-align:center}.stack{background:#dc2626;border:3px solid #7f1d1d;border-radius:10px;width:54px;height:78px;margin:auto;position:relative}.stack span{color:#fff;background:#0f172a;border-radius:12px;padding:3px 7px;position:absolute;top:-8px;right:-8px}.stackBox small{white-space:nowrap;margin-top:4px;font-size:10px;display:block}.jokerPanel{background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:40px;display:flex}.jokerCard{background:#fff;font-size:48px}.jokerCard.used{color:#94a3b8;opacity:.55;background:#f1f5f9}.phase{color:#fff;background:#043d32;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px 14px;padding:12px 16px;display:grid}.phaseEnemy{grid-area:1/1;grid-template-columns:repeat(2,54px);gap:6px;display:grid}.enemyPlaceholder{width:54px;height:78px}.phaseInfo{grid-area:2/1/auto/-1;align-items:baseline;gap:14px;min-width:0;display:flex}.phaseInfo small,.phaseInfo h2,.phaseInfo p{white-space:nowrap;margin:0}.phaseInfo h2{font-size:20px}.phase.resolution{background:#3b0764}.phase.battle_end{background:#78350f}.phase.game_over{background:#7f1d1d}.actions{grid-area:1/2;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.clubActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fixedDrawActions{flex-shrink:0;gap:8px;display:flex}.board{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.area{background:#fffc;border:2px dashed #cbd5e1;border-radius:16px;margin-bottom:14px;padding:12px}.area h4{color:#64748b;text-transform:uppercase;letter-spacing:.15em;margin:0 0 10px}.legendGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.legend{text-align:left;background:#f8fafc;border:2px solid #64748b;border-radius:14px;min-width:0;min-height:116px;padding:10px}.legend h3{margin:0;display:inline}.legend>span{float:right}.legendCards{clear:both;grid-template-columns:repeat(auto-fill,54px);align-items:start;gap:6px;margin-top:12px;display:grid}.legendSummary{display:none}.legend.blocked{filter:grayscale();opacity:.5;text-decoration:line-through}.legend.selected{outline:4px solid #c4b5fd}.cards{flex-wrap:wrap;gap:8px;min-height:40px;display:flex}.card{color:#111;background:#fff;border:2px solid #cbd5e1;border-radius:10px;flex-direction:column;justify-content:space-between;width:54px;height:78px;padding:7px;display:flex;position:relative}.card.small{width:54px;height:78px}.card strong{text-align:center;font-size:23px}.card b:last-child{align-self:flex-end;transform:rotate(180deg)}.card.last{outline:4px solid #fbbf24}.card.red-card,.red-suit{color:#dc2626}.card.black-card,.black-suit{color:#111827}.overlay{z-index:20;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 70px #0005}.modal h2{margin-top:0}.primary{color:#fff;background:#166534;border:0}.menu{text-align:center;padding-top:70px}.menu h1{font:700 52px Georgia,serif}.difficulty{grid-template-columns:repeat(3,1fr);gap:14px;max-width:800px;margin:30px auto;display:grid}.difficulty button{text-align:left;background:#fff;border:2px solid #ddd;border-radius:15px;padding:24px}.difficulty button span{float:right}.difficulty .chosen{border-color:#166534;outline:4px solid #dcfce7}@media (width<=800px){main{padding:8px}header{align-items:flex-start;gap:8px;padding:10px}header h1{font-size:24px}.headerActions{gap:6px}.sortToggle{padding:7px 8px;font-size:12px}header button{padding:8px 10px}.topStatus{grid-template-columns:132px 136px 126px;gap:6px;padding-bottom:4px;overflow-x:auto}.morales{grid-template-rows:repeat(3,1fr)}.stat{padding:4px 7px}.stat small{margin-right:4px;font-size:9px}.stat b{font-size:18px}.phase{grid-template-columns:120px minmax(0,1fr);gap:6px 8px;padding:8px;overflow:visible}.actions{flex-wrap:wrap;align-self:stretch;gap:5px}.clubActions,.fixedDrawActions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.actions button{padding:7px 9px;font-size:12px}.phaseInfo{flex-wrap:wrap;gap:6px 10px;font-size:11px}.phaseInfo h2{font-size:15px}.legendGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.legend{min-height:76px;padding:5px;font-size:9px}.legend h3{font-size:10px;line-height:1.1;display:block}.legend>span{float:none;margin-top:2px;font-size:8px;display:block}.legendCards{display:none}.legendSummary{overflow-wrap:anywhere;flex-direction:column;gap:2px;margin-top:4px;line-height:1.1;display:flex}.difficulty{grid-template-columns:1fr}}.headerMain{min-width:0}.headerButtonStack{flex-direction:column;align-items:stretch;gap:4px;display:flex}.rulebookLink{color:#166534;font-weight:600;text-decoration:none}.rulebookLink:hover,.rulebookLink:focus-visible{text-decoration:underline}.headerRulebookLink{text-align:center;font-size:12px}.menuRulebookLink{width:max-content;margin:14px auto 0;display:block}.languageSwitch{background:#e2e8f0;border-radius:9px;width:max-content;margin:14px auto 0;padding:3px;display:inline-flex}.languageSwitch.compact{margin:0}.languageSwitch button{color:#475569;background:0 0;border:0;border-radius:6px;padding:5px 8px}.languageSwitch button.active{color:#fff;background:#166534}@media (width<=800px){header{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.headerMain{display:contents}header h1{grid-area:1/1;align-self:center;font-size:17px;line-height:1.15}.headerActions{grid-area:1/2}header p{grid-area:2/1/auto/-1;width:100%;margin-top:6px}.languageSwitch.compact button{padding:4px 6px;font-size:11px}}.legend[aria-disabled=true]{color:#111827;cursor:default;opacity:1}.legend.inactive{color:#111827;background:#f8fafc;border-color:#64748b}.legend.blocked h3{color:#111827;opacity:1;text-decoration:line-through}.legend.used h3{color:#111827;transform-origin:0;font-style:italic;transform:skew(-10deg)}.legend.used.blocked{background:#f1e7dc;border-color:#a8a29e}@media (width<=800px){.legendCards,.discardCards{grid-template-columns:repeat(auto-fill,15px);gap:2px;display:grid}.legendCards .card,.legendCards .card.small,.discardCards .card,.discardCards .card.small{background:#fff;border:1px solid #64748b;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;width:15px;height:20px;padding:0;font-size:8px;line-height:.8;display:flex}.legendCards .card b:first-child,.discardCards .card b:first-child{font-size:8px;font-weight:800;display:block}.legendCards .card strong,.discardCards .card strong{font-size:6px;line-height:.8;display:block}.legendCards .card b:last-child,.discardCards .card b:last-child{display:none}}.headerToggles{flex-direction:column;gap:5px;display:flex}.resolutionWalkthrough{gap:12px;display:grid}.resolutionStep{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:12px;animation:.35s ease-out both resolutionReveal}.resolutionStep h3{margin:0 0 8px}.resolutionStep p{margin:4px 0}.resolutionComplete{justify-content:space-between;align-items:center;gap:12px;animation:.35s ease-out both resolutionReveal;display:flex}@keyframes resolutionReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.headerToggles{gap:3px}.headerToggles .sortToggle{padding:5px 7px;font-size:10px}.resolutionStep{padding:9px;font-size:13px}.resolutionComplete{flex-direction:column;align-items:stretch}}.resolutionWalkthrough,.resolutionWalkthrough h2,.resolutionWalkthrough h3,.resolutionWalkthrough p,.resolutionWalkthrough strong{color:#111827}.resolutionComplete .primary{color:#111827;background:#dcfce7;border:1px solid #86efac}@media (width<=800px){header{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:7px 8px;display:grid}.headerMain{display:contents}header h1{white-space:nowrap;grid-area:1/1/auto/-1;width:100%;margin:0;font-size:17px;line-height:1.2}.headerActions{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:7px;width:100%;display:grid}.headerToggles{grid-column:1;min-width:0}.headerButtonStack{grid-column:2;min-width:max-content}.languageSwitch.compact{grid-column:3;align-self:start}header p{grid-area:3/1/auto/-1;width:100%;margin:0}}.card{justify-content:flex-start;gap:7px}.card strong{align-self:center}@media (width<=800px){.legendCards,.discardCards{grid-template-columns:repeat(auto-fill,21px);gap:3px}.legendCards .card,.legendCards .card.small,.discardCards .card,.discardCards .card.small{border-radius:3px;gap:1px;width:21px;height:28px;padding:1px 0 0;font-size:10px;line-height:1}.legendCards .card b:first-child,.discardCards .card b:first-child{font-size:10px;font-weight:800;line-height:1}.legendCards .card strong,.discardCards .card strong{align-self:center;font-size:12px;line-height:.85;display:block}}.jokerPanel{grid-template-rows:70px auto;place-items:center;gap:2px;width:104px;min-width:104px;max-width:104px;height:94px;min-height:94px;padding:4px;display:grid;overflow:hidden}.jokerCards{grid-template-columns:repeat(2,46px);place-items:center;gap:2px;width:94px;height:70px;display:grid;overflow:hidden}.jokerCard,.jokerCard.used{background:0 0;border:0;border-radius:0;place-items:center;width:46px;min-width:46px;max-width:46px;height:70px;min-height:70px;max-height:70px;margin:0;padding:0;font-size:46px;line-height:1;display:grid;overflow:hidden}.jokerCard.used{color:#64748b;opacity:.65;font-size:38px}.jokerLabel{color:#64748b;text-align:center;white-space:nowrap;width:100%;margin:0;font-size:10px;line-height:1;display:block}.legend.empty{color:#111827;background:#fff;border-color:#cbd5e1}.legend.available{color:#111827;background:#dcfce7;border-color:#22c55e}.legend.blocked{color:#111827;filter:none;opacity:1;background:#d1d5db;border-color:#6b7280;text-decoration:none}.legend.used{color:#111827;filter:none;opacity:1;background:#e2e8f0;border-color:#475569}.legend.resolutionDisabled{cursor:default;border-color:#9ca3af}.legend.available:not(.resolutionDisabled){cursor:pointer}.moraleReward{color:#14532d;background:#dcfce7;border:1px solid #86efac;border-radius:9px;padding:9px 12px;font-weight:700}.notificationPopup{color:#111827;text-align:center}.notificationIcon{margin-bottom:8px;font-size:48px;line-height:1}.notificationIcon.guardianIcon{font-size:56px}.notificationPopup h2,.notificationPopup p{color:#111827}.notificationPopup .primary{color:#111827;background:#dcfce7;border:1px solid #86efac;margin:12px auto 0}@media (width<=800px){.jokerPanel{width:104px;min-width:104px;max-width:104px;height:94px;padding:4px}.jokerCards{grid-template-columns:repeat(2,46px);gap:2px;width:94px;height:70px}}.moraleAfterCounter{color:#111827;border-top:1px solid #cbd5e1;padding-top:8px;font-weight:700;margin-top:8px!important}.notificationPopup .moraleReward{color:#14532d}.quickReference{color:#1f2937;background:#fffdf7;border:1px solid #d6cdbb;border-radius:16px;margin-top:18px;padding:16px;box-shadow:0 2px 8px #0000000c}.quickReference>h2{color:#365b48;margin:0 0 12px;font-family:Georgia,serif}.quickReferenceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quickReference article{background:#f8f6ef;border:1px solid #ded8ca;border-radius:11px;padding:12px}.quickReference h3{color:#365b48;margin:0 0 6px;font-size:15px}.quickReference p{margin:0;font-size:13px;line-height:1.42}.quickEnemyTable,.quickDifficultyTable{gap:3px;display:grid}.quickEnemyRow,.quickDifficultyRow{background:#fff;border-radius:5px;align-items:center;gap:6px;padding:4px 6px;display:grid}.quickEnemyRow{text-align:center;grid-template-columns:28px minmax(52px,1fr) 42px}.quickDifficultyRow{grid-template-columns:62px 30px minmax(0,1fr);font-size:12px}@media (width<=800px){.quickReference{margin-top:10px;padding:10px}.quickReference>h2{font-size:20px}.quickReferenceGrid{grid-template-columns:1fr;gap:7px}.quickReference article{padding:9px}.quickReference h3{font-size:14px}.quickReference p,.quickDifficultyRow{font-size:11px}}.menu .difficulty{flex-flow:column!important;justify-content:center!important;align-items:stretch!important;gap:9px!important;width:min(100%,420px)!important;max-width:420px!important;margin:30px auto!important;display:flex!important}.menu .difficulty>button.difficultyOption{color:#1f2937!important;opacity:1!important;filter:none!important;border-width:2px!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:58px!important;display:flex!important}.menu .difficulty>button.difficultyEasy{background-color:#dff3df!important;border-color:#83bd83!important}.menu .difficulty>button.difficultyNormal{background-color:#fff4ad!important;border-color:#d9bd43!important}.menu .difficulty>button.difficultyHard{background-color:#ffd29b!important;border-color:#dc8b35!important}.menu .difficulty>button.difficultyExtreme{background-color:#f7b0aa!important;border-color:#c94e48!important}.menu .difficulty>button.difficultyOption.chosen{transform:translateY(-1px);outline:3px solid #fff!important;box-shadow:0 0 0 6px #365b48!important}.phase.club_selection{min-height:150px;position:relative}.phaseClubSelection{z-index:3;color:#fff;background:#ffffff1f;border:2px dashed #ffffffad;border-radius:12px;align-content:center;width:max-content;max-width:calc(100% - 310px);padding:9px 11px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.phaseClubSelection>small{color:#fffffff0;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-weight:700;display:block}.phaseClubSelectionCards{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:7px;padding:2px 1px 4px;overflow-x:auto}.phaseClubSelectionDesktop{display:flex}.phaseClubSelectionMobile{display:none}.phaseClubSelectionCards .card{flex:none;margin:0}.extremeClubCostChoices{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:14px 0;display:grid}@media (width<=800px){.phase.club_selection{min-height:112px}.phaseClubSelection{width:calc(100% - 145px);max-width:calc(100% - 145px);padding:5px 6px;right:6px}.phaseClubSelection>small{margin-bottom:2px;font-size:9px}.phaseClubSelectionDesktop{display:none}.phaseClubSelectionMobile{justify-content:flex-start;gap:2px;padding-bottom:1px;display:flex;overflow:auto hidden}.phaseClubSelectionMobile>button.card.small{border-width:1px!important;border-radius:3px!important;flex:0 0 21px!important;gap:1px!important;width:21px!important;min-width:21px!important;max-width:21px!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:1px 0 0!important;font-size:10px!important;line-height:1!important}.phaseClubSelectionMobile>button.card.small b{font-size:10px!important;line-height:1!important}.phaseClubSelectionMobile>button.card.small strong{font-size:12px!important;line-height:.85!important}}.attackDeckInspectSlot{justify-items:center;display:grid;position:relative}.attackDeckInspectButton{z-index:2;color:#fff;background:#365b48;border:2px solid #fff;border-radius:999px;width:24px;height:24px;padding:0;font-weight:800;line-height:20px;position:absolute;top:38px;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 7px #0003}.attackDeckInspectOverlay{z-index:1000;pointer-events:auto;background:#0f172a1f;position:fixed;inset:0}.attackDeckInspectPanel{z-index:1001;color:#1f2937;background:#fffdf7;border:1px solid #c8bfae;border-radius:15px;width:min(430px,100vw - 28px);max-height:calc(100vh - 94px);padding:14px;position:fixed;top:74px;right:14px;overflow:auto;box-shadow:0 18px 48px #0004}.attackDeckInspectHeader{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.attackDeckInspectHeader h2{color:#365b48;margin:0 0 4px;font-size:20px}.attackDeckInspectHeader p{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.35}.attackDeckInspectClose{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;flex:none;width:30px;height:30px;padding:0;font-size:20px;line-height:1}.attackDeckInspectCards{background:#f8f6ef;border:1px solid #ded8ca;border-radius:11px;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-items:start;gap:7px;padding:10px;display:grid}.attackDeckInspectCards .card.small{margin:0 auto}.attackDeckInspectEmpty{text-align:center;background:#f8f6ef;border-radius:10px;padding:18px}.attackDeckInspectOk{min-width:110px;margin:12px auto 0;display:block}@media (width<=800px){.attackDeckInspectOverlay{background:#0f172a40}.attackDeckInspectPanel{border-radius:14px;width:auto;max-height:min(68vh,540px);padding:11px;inset:auto 8px 8px}.attackDeckInspectHeader h2{font-size:18px}.attackDeckInspectCards{grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:5px;padding:8px}}.demoStartPanel{border-top:1px solid #d6cdbb;justify-items:center;gap:6px;width:min(100%,420px);margin:14px auto 0;padding-top:14px;display:grid}.demoStartButton,.demoResetButton{color:#365b48;background:#eef6f0;border:2px solid #73a985;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.demoStartButton:hover,.demoStartButton:focus-visible,.demoResetButton:hover,.demoResetButton:focus-visible{background:#deeee3}.demoStartPanel small{color:#64748b;line-height:1.35}.demoBadge{color:#365b48;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;background:#eef6f0;border:1px solid #73a985;border-radius:8px;margin-left:6px;padding:5px 7px;font:700 11px Inter,sans-serif;display:inline-block}@media (width<=800px){.demoStartPanel{width:min(100%,360px)}.demoBadge{padding:3px 5px;font-size:9px}}