:root{color:#2b241b;font-synthesis:none;--ink:#2b241b;--paper:#f4edda;--paper-2:#e7dcc1;--green:#315247;--green-dark:#203a33;--gold:#a9782d;--red:#833c35;--line:#8d7954;--alchemy-accent:#397d73;--spell-accent:#735a82;--creature-accent:#a45f3f;background:#d8d0bc;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#e8e0cc 0,#c7bea6 70%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:12px 12px 96px}.masthead{color:#f7efd8;background:var(--green-dark);border:2px solid var(--gold);text-align:center;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 3px 10px #32271938}.masthead h1{letter-spacing:.04em;margin:0;font-size:1.45rem}.masthead p{opacity:.8;margin:3px 0 0;font-family:system-ui,sans-serif;font-size:.78rem}.session-end{color:inherit;font:inherit;text-underline-offset:2px;opacity:.72;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.session-end:hover,.session-end:focus-visible{opacity:1}.panel{border:1px solid var(--line);background:linear-gradient(145deg, var(--paper), var(--paper-2));border-radius:5px;margin-top:10px;padding:10px;box-shadow:0 2px 7px #3c2d1d24}.panel h2{color:var(--green-dark);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:1rem}.player-row,.status-row{justify-content:space-between;align-items:center;gap:8px;font-family:system-ui,sans-serif;font-size:.88rem;display:flex}.score{color:var(--red);font-weight:800}.cabinet{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px;display:grid}.element{place-items:center;min-width:0;display:grid}.element.has-cards{background:0 0;border:0;padding:0}.element.is-empty{color:#756f63}.element-placeholder{aspect-ratio:132/166;color:#756f63;text-align:center;overflow-wrap:anywhere;background:#e4e0d7;border:1px dashed #b7b0a4;border-radius:7px;place-items:center;width:min(111px,100% - 5px);padding:7px;font:700 .76rem/1.15 system-ui,sans-serif;display:grid}.count{color:#fff;background:var(--green);border-radius:50%;place-items:center;min-width:26px;height:26px;font-family:system-ui,sans-serif;font-weight:700;display:grid}.cards{scroll-snap-type:x proximity;gap:8px;padding:2px 1px 6px;display:flex;overflow-x:auto}.card{--card-accent:var(--alchemy-accent);min-height:166px;color:var(--ink);text-align:left;vertical-align:top;scroll-snap-align:start;background:#f8f0d5;border:1px solid #a98c56;border-radius:7px;flex-direction:column;flex:0 0 132px;justify-content:flex-start;align-items:stretch;padding:11px 8px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fdf9ec,0 2px 5px #33271933}.card:before{content:"";background:var(--card-accent);height:4px;position:absolute;inset:0 0 auto}.card.family-spell{--card-accent:var(--spell-accent)}.card.family-creature{--card-accent:var(--creature-accent)}.card.is-selected{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green), 0 2px 5px #33271933}.card strong{min-height:38px;font-size:.86rem;display:block}.card .kind{color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 10%, transparent);text-transform:uppercase;border-radius:3px;margin-bottom:3px;padding:2px 4px;font:700 .64rem system-ui,sans-serif;display:inline-block}.card .ingredients{min-height:52px;margin:7px 0;font:.68rem/1.25 system-ui,sans-serif}.card .spell-description{font-size:.66rem;line-height:1.3}.ingredient-status{color:#756d5d;margin-bottom:2px;display:block}.ingredient-status b{white-space:nowrap;font-weight:700}.ingredient-status.available{color:#39705d}.ready-badge{color:#315f4e;letter-spacing:.06em;text-transform:uppercase;background:#e4eee5;border:1px solid #6d927f;border-radius:999px;margin-top:3px;padding:2px 5px;font:800 .58rem system-ui,sans-serif;display:inline-block}.card .element-name{color:var(--green-dark);border-top:1px solid #bca77d;padding-top:6px;font:700 .7rem/1.2 system-ui,sans-serif}.physical-stack{--stack-gap:8px;isolation:isolate;min-width:0;padding:0 var(--stack-gap) var(--stack-gap) 0;flex:none;position:relative}.physical-stack>.card,.physical-stack>.cabinet-card,.physical-stack>.card-back{z-index:2;position:relative}.stack-layers,.stack-layers:before,.stack-layers:after{content:"";background:#ecdfbd;border:1px solid #a98c56;border-radius:7px;display:none;position:absolute;box-shadow:inset 0 0 0 2px #f8f1dc,0 2px 4px #33271924}.stack-depth-2 .stack-layers,.stack-depth-3 .stack-layers,.stack-depth-4 .stack-layers{z-index:1;isolation:isolate;inset:0 var(--stack-gap) var(--stack-gap) 0;display:block;transform:translate(4px,4px)}.stack-depth-3 .stack-layers:before,.stack-depth-4 .stack-layers:before{z-index:1;display:block;inset:-1px;transform:translate(3px,3px)}.stack-depth-4 .stack-layers:after{z-index:2;display:block;inset:-1px;transform:translate(6px,6px)}.stack-count{z-index:3;color:#fff;background:var(--green-dark);border:1px solid #f8f0d5;border-radius:999px;place-items:center;min-width:25px;height:25px;padding:0 5px;font:800 .72rem system-ui,sans-serif;display:grid;position:absolute;bottom:-1px;right:-2px;box-shadow:0 1px 3px #33271955}.stack-empty{background:0 0;border:1px dashed #aaa398;border-radius:6px;width:42px;min-height:48px;display:block}.card-back{color:#f6e6bf;background:repeating-linear-gradient(45deg,#315247 0 5px,#29453c 5px 10px);border:1px solid #b9995e;border-radius:7px;place-items:center;width:60px;min-height:78px;font-size:1.5rem;display:grid;box-shadow:inset 0 0 0 3px #d5b86f,0 2px 5px #17130e66}.is-hidden-stack .stack-layers,.is-hidden-stack .stack-layers:before,.is-hidden-stack .stack-layers:after{background:#315247;border-color:#b9995e;box-shadow:inset 0 0 0 2px #d5b86f,0 2px 4px #17130e55}.masthead-deck{--stack-gap:7px;margin:0}.masthead-deck .card-back{width:39px;min-height:52px;font-size:1rem}.masthead-deck .stack-empty{color:#d6c7a6;background:#2a443c;border-color:#887a5e;width:39px;min-height:52px}.masthead-deck .stack-count{color:var(--green-dark);background:#f6e6bf}.opponent-hand{align-items:center;gap:8px;display:flex}.opponent-hand-stack{--stack-gap:5px}.opponent-hand-stack .card-back{border-radius:5px;width:34px;min-height:43px;font-size:.9rem}.opponent-hand-stack .stack-empty{width:34px;min-height:43px}.opponent-panel>.cards{margin-top:14px}.cabinet-stack{--stack-gap:5px;width:min(116px,100%)}.cabinet-card{--card-accent:var(--alchemy-accent);aspect-ratio:132/166;width:100%;color:var(--ink);background:#f8f0d5;border:1px solid #a98c56;border-radius:7px;flex-direction:column;padding:11px 8px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fdf9ec,0 2px 5px #33271933}.cabinet-card.family-spell{--card-accent:var(--spell-accent)}.cabinet-card.family-creature{--card-accent:var(--creature-accent)}.cabinet-card .kind{max-width:100%;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 10%, transparent);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:3px;align-self:flex-start;padding:2px 4px;font:700 .6rem/1.1 system-ui,sans-serif;display:inline-block;overflow:hidden}.cabinet-card strong{overflow-wrap:anywhere;margin-top:5px;font-size:.86rem;line-height:1.12;display:block}.cabinet-element-name{color:var(--green-dark);overflow-wrap:anywhere;border-top:1px solid #bca77d;margin-top:auto;padding-top:7px;font:800 .72rem/1.2 system-ui,sans-serif;display:block}.cabinet-card:before{content:"";background:var(--card-accent);height:4px;position:absolute;inset:0 0 auto}.creation-stack{width:140px}.creation-stack .card{width:132px}.multi-element-zone{border-top:1px solid #bca77d;margin-top:12px;padding-top:10px}.multi-element-zone h3{color:var(--green-dark);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.82rem}.multi-element-zone>p{color:#655c4e;margin:4px 0 8px;font:.72rem/1.3 system-ui,sans-serif}.multi-element-zone.is-empty p{margin-bottom:0}.zone-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.multi-element-group{align-items:flex-start;gap:10px;min-width:0;display:flex}.multi-element-stack{flex:0 0 76px;width:76px}.multi-element-stack .cabinet-card{padding:9px 6px 6px}.multi-element-stack .cabinet-card .kind{background:0 0;padding:0;font-size:.5rem}.multi-element-stack .cabinet-card strong{font-size:.68rem}.multi-element-list{flex:1;min-width:0;margin:0;padding-left:18px;font:.73rem/1.3 system-ui,sans-serif}.multi-element-list li{overflow-wrap:anywhere}.multi-element-list strong,.multi-element-list span{display:block}.multi-element-list span{color:#655c4e}.card-element.in-cabinet{color:#39705d}.card-element.in-cabinet b{font-weight:800}.element-separator{color:#8e826c}.empty{color:#6a604e;font:italic .85rem system-ui,sans-serif}.primary,.secondary,.danger{color:#fff;background:var(--green);border:1px solid #183029;border-radius:4px;width:100%;min-height:44px;margin-top:8px;padding:9px 12px;font-family:system-ui,sans-serif;font-weight:700}.secondary{color:var(--green-dark);border-color:var(--line);background:#efe3c7}.danger{background:var(--red)}button:disabled{opacity:.42;cursor:not-allowed}.action-button:not(:disabled){box-shadow:0 2px 6px #203a3340}.action-button:disabled{color:#716d65;opacity:1;background:#d8d4cc;border-color:#aaa398}.action-unavailable{color:var(--red);text-align:center;margin:6px 2px 0;font:.76rem/1.35 system-ui,sans-serif}.turn{z-index:5;width:min(100%,520px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));color:#fff;border-top:2px solid var(--gold);background:#203a33f2;font-family:system-ui,sans-serif;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.turn.is-my-turn{background:#203a33f2}.turn.is-opponent-turn{color:#342d25;background:#d7cdb9f2;border-top-color:#8f8069}.turn-hint{color:#5f574b;background:#e1dbcf;border-left:3px solid #8f8069;margin:-2px 0 8px;padding:7px 9px;font:.76rem/1.35 system-ui,sans-serif}.overlay{z-index:10;background:#17130ea8;align-items:end;display:grid;position:fixed;inset:0}.dialog{width:min(100%,520px);max-height:90vh;padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border:2px solid var(--gold);border-radius:12px 12px 0 0;margin:0 auto;overflow:auto}.dialog .card{width:100%;min-height:210px}.dialog .card-preview{cursor:default}.recipe-picker h2{color:var(--green-dark);margin:0 0 12px;font-size:1.1rem}.ingredient-group{border:1px solid #aa9366;border-radius:6px;margin:10px 0;padding:10px}.ingredient-group legend{color:var(--green-dark);padding:0 5px;font-weight:700}.current-choice{color:#5d5548;margin:0 0 7px;font:.78rem system-ui,sans-serif}.ingredient-options{gap:6px;display:grid}.ingredient-option{min-height:48px;color:var(--ink);text-align:left;background:#fbf5e4;border:1px solid #a99a7e;border-radius:5px;padding:8px 10px}.ingredient-option strong,.ingredient-option span,.ingredient-option small{display:block}.ingredient-option span{color:#655c4e;margin-top:2px;font:.75rem system-ui,sans-serif}.ingredient-option small{color:var(--red);margin-top:3px;font:700 .7rem system-ui,sans-serif}.ingredient-option.is-selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e2eee5}.recipe-preview{background:#e9e0c9;border-radius:5px;margin:12px 0 4px;padding:10px}.recipe-preview h3{margin:0 0 5px;font-size:.9rem}.recipe-preview ul{margin:0;padding-left:20px;font:.78rem/1.45 system-ui,sans-serif}.spell-panel>p{margin:0 0 9px;font:.85rem/1.35 system-ui,sans-serif}.spell-preview{background:#e9e0c9;border-radius:5px;margin-top:10px;padding:10px;font:.8rem/1.45 system-ui,sans-serif}.spell-preview h3{margin:7px 0 3px;font-size:.82rem}.spell-preview ol{margin:0;padding-left:24px}.spell-preview li{justify-content:space-between;align-items:center;gap:6px;min-height:34px;display:flex}.order-buttons{gap:4px;display:flex}.order-buttons button{border:1px solid var(--line);background:#f8f0d5;border-radius:4px;width:34px;height:32px}.restart-panel{border-color:var(--gold);text-align:center}.restart-panel p{margin:0 0 8px;font:.85rem/1.4 system-ui,sans-serif}.technical-note{color:#6a604e;margin:14px 2px 2px;font:.72rem/1.35 system-ui,sans-serif}.lobby-reset{color:#6a352f;background:#eaded3;border-color:#a1776d}.notice{border-left:4px solid var(--red);background:#f7e6dc;margin:14px 0;padding:10px;font-family:system-ui,sans-serif}.center{text-align:center;place-content:center;min-height:80vh;display:grid}