: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}body.inspector-open{overflow:hidden}button{font:inherit}.shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:0 0 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}.history-toggle{color:#f7efd8;cursor:pointer;background:#315247;border:1px solid #d6b56c;border-radius:999px;align-self:center;min-height:32px;padding:5px 8px;font:700 .72rem system-ui,sans-serif}.history-toggle:hover,.history-toggle:focus-visible{background:#3f6a5d}.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}.score.changed{background:#f3d9be;border-radius:4px;padding:2px 5px}.score-delta{color:#39705d;margin-left:3px;font:800 .78rem system-ui,sans-serif}.panel.changed{border-color:var(--gold);background:linear-gradient(145deg,#fbf2d8,#e9ddba);box-shadow:inset 0 0 0 1px #c99c4c,0 2px 7px #3c2d1d24}.transient-marker{border-left:3px solid var(--gold);color:#5b4930;background:#f2e4bf;margin:-2px 0 8px;padding:5px 7px;font:700 .72rem/1.3 system-ui,sans-serif}.event-toast{z-index:8;border:2px solid var(--gold);color:#f7efd8;text-align:left;cursor:pointer;background:#203a33f7;border-radius:9px;gap:10px;width:min(100% - 32px,460px);margin:0;padding:20px 18px;font:700 1.05rem/1.4 system-ui,sans-serif;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #17130e80}.event-toast strong{color:#f0c96f;font-size:1.2rem}.event-toast small{color:#d8cfb8;text-align:right;font-size:.7rem;font-weight:500}.event-summary{gap:8px;display:grid}.event-summary>span+span{border-top:1px solid #f7efd833;padding-top:8px}.history-overlay{z-index:9;background:#17130e88;align-items:end;display:grid;position:fixed;inset:0}.history-panel{width:min(100%,520px);max-height:min(78vh,620px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));border:2px solid var(--gold);background:var(--paper);border-bottom:0;border-radius:12px 12px 0 0;margin:0 auto;overflow:auto;box-shadow:0 -8px 28px #17130e55}.history-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-heading h2{color:var(--green-dark);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.05rem}.history-close{border:1px solid var(--line);width:34px;height:34px;color:var(--green-dark);cursor:pointer;background:#efe3c7;border-radius:50%;padding:0;font:1.35rem/1 system-ui,sans-serif}.history-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.history-entry{background:#f8f0d5;border:1px solid #bca77d;border-left:4px solid #8d7954;border-radius:5px;padding:10px 11px 10px 14px;position:relative}.history-entry.is-own{background:#f0f5e7;border-left-color:#39705d}.history-entry.is-opponent{background:#f3e9dc;border-left-color:#9a654c}.history-entry-heading{color:var(--green-dark);justify-content:space-between;align-items:baseline;gap:8px;font:.82rem system-ui,sans-serif;display:flex}.history-current{color:#756d5d;font-size:.66rem}.history-latest{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font:800 .6rem system-ui,sans-serif;display:inline-block}.history-entry ul{color:#4b4235;gap:4px;margin:6px 0 0;padding-left:18px;font:.76rem/1.35 system-ui,sans-serif;display:grid}.history-hidden,.history-empty{color:#6a604e;margin:10px 0 0;font:italic .8rem/1.35 system-ui,sans-serif}.cabinet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cabinet-element-tile{min-width:0;min-height:70px;color:var(--ink);text-align:left;background:#f8f0d5;border:1px solid #bca77d;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;margin:0;padding:10px 40px 10px 11px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fdf9ec,0 2px 5px #33271924}.cabinet-element-tile.has-cards{cursor:pointer}.cabinet-element-tile.has-cards:hover,.cabinet-element-tile.has-cards:focus-visible{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green), 0 3px 8px #31524735}.cabinet-element-tile.has-cards:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cabinet-element-tile.is-empty{color:#756f63;background:#e4e0d7;border-style:dashed}.cabinet-tile-element,.cabinet-tile-card{overflow-wrap:anywhere;min-width:0;display:block}.cabinet-tile-element{color:var(--green-dark);font:800 .8rem/1.2 system-ui,sans-serif}.cabinet-tile-card{color:#655c4e;font:.72rem/1.25 system-ui,sans-serif}.cabinet-tile-count{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/1 system-ui,sans-serif;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #33271955}.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}.hand-grid{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid;overflow:visible}.hand-grid .card{scroll-snap-align:none;flex:none;width:100%;min-width:0}.hand-grid .card strong,.hand-grid .ingredients,.hand-grid .element-name{overflow-wrap:anywhere}.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.recipe-ready{background:#f0f5e7;border-color:#6d927f;box-shadow:inset 0 0 0 2px #f8fbef,0 3px 8px #31524735}.card.recipe-unavailable{background:#eee9dc;border-color:#b4a998;box-shadow:inset 0 0 0 2px #f7f2e6,0 2px 5px #3327191f}.card.recipe-ready:disabled{opacity:.68}.card.recipe-unavailable:disabled{opacity:.42}.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:5px;display:block}.ingredient-line{justify-content:space-between;gap:5px;display:flex}.ingredient-sources{color:#655c4e;overflow-wrap:anywhere;margin-top:1px;font-size:.62rem;line-height:1.2;display:block}.ingredient-source-list{gap:3px;margin-top:4px;display:grid}.ingredient-status b{white-space:nowrap;font-weight:700}.ingredient-status.available{color:#39705d}.ingredient-status.missing{color:#8a493f}.ingredient-ambiguity,.ingredient-ambiguity-summary{color:#866b34;margin-top:2px;font-size:.6rem;font-weight:700;display:block}.ingredient-missing-reason{color:#8a493f;margin-top:2px;font-size:.6rem;line-height:1.2;display:block}.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>.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}.creation-stack{width:140px}.creation-stack .card{width:132px}.creation-inspect-trigger{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;display:block}.creation-inspect-trigger:hover .card,.creation-inspect-trigger:focus-visible .card{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green), 0 3px 8px #33271944}.creation-inspect-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.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-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.multi-element-tile{background:#f4ead0;border:1px solid #bca77d;border-radius:7px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:70px;padding:10px 11px;display:flex}.multi-element-tile strong,.multi-element-tile span{overflow-wrap:anywhere;min-width:0;display:block}.multi-element-tile strong{color:var(--ink);font-size:.8rem;line-height:1.2}.multi-element-tile span{color:#655c4e;font:.72rem/1.25 system-ui,sans-serif}.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}.element-action:not(:disabled){color:var(--green-dark);background:#e4eee5;border-color:#6d927f}.recipe-primary:not(:disabled){border-color:var(--gold);background:linear-gradient(145deg, var(--green), var(--green-dark));box-shadow:inset 0 0 0 1px #d6b56c66,0 3px 8px #203a3355}.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;border-top-width:4px;box-shadow:0 -3px 12px #203a3355}.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:center;padding:8px;display:grid;position:fixed;inset:0}.dialog{width:min(100vw - 16px,520px);max-height:calc(100dvh - 16px);padding:20px 18px calc(18px + env(safe-area-inset-bottom));background:var(--paper);border:2px solid var(--gold);border-radius:12px;margin:auto;overflow:auto}.creation-inspector-overlay{z-index:12;overflow:hidden}.creation-inspector{overscroll-behavior:contain}.cabinet-inspector-overlay{z-index:11;overflow:hidden}.cabinet-inspector{overscroll-behavior:contain}.creation-inspector-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.creation-inspector-heading span{color:#655c4e;text-transform:uppercase;font:700 .75rem system-ui,sans-serif}.creation-inspector-heading h2{color:var(--green-dark);margin:4px 0 0;font-size:1.45rem;line-height:1.15}.cabinet-inspector-count{color:#655c4e;margin:16px 0 10px;font:700 .85rem/1.3 system-ui,sans-serif}.cabinet-inspector-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cabinet-inspector-card{background:#f8f0d5;border:1px solid #bca77d;border-radius:7px;flex-direction:column;gap:5px;min-width:0;padding:11px;display:flex}.cabinet-inspector-card.is-top{background:#f0f5e7;border-color:#6d927f;box-shadow:inset 0 0 0 1px #6d927f}.cabinet-inspector-card-caption{color:#756d5d;letter-spacing:.04em;text-transform:uppercase;font:800 .66rem/1.15 system-ui,sans-serif}.cabinet-inspector-card.is-top .cabinet-inspector-card-caption{color:var(--green-dark)}.cabinet-inspector-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.95rem;line-height:1.2}.cabinet-inspector-card>span:last-child{color:#655c4e;overflow-wrap:anywhere;font:.76rem/1.3 system-ui,sans-serif}.inspector-content{margin-top:18px}.inspector-content>h3{color:var(--green-dark);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:1.05rem}.inspector-content>h3 small{color:#756d5d;text-transform:none;letter-spacing:0;font:600 .72rem system-ui,sans-serif}.creation-composition{gap:10px;display:grid}.inspector-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.inspector-card{--card-accent:var(--alchemy-accent);min-width:0;min-height:142px;color:var(--ink);background:#f8f0d5;border:1px solid #a98c56;border-radius:7px;flex-direction:column;padding:14px 11px 11px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fdf9ec,0 2px 5px #33271933}.inspector-card:before{background:var(--card-accent);content:"";height:4px;position:absolute;inset:0 0 auto}.inspector-card.family-spell{--card-accent:var(--spell-accent)}.inspector-card.family-creature{--card-accent:var(--creature-accent)}.inspector-card.is-recipe-card{border-color:var(--gold);background:#f4ead0;min-height:132px}.inspector-card-caption{color:#756d5d;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font:700 .66rem system-ui,sans-serif}.inspector-card .kind{color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 10%, transparent);text-transform:uppercase;border-radius:3px;align-self:flex-start;padding:2px 4px;font:700 .66rem system-ui,sans-serif}.inspector-card strong{overflow-wrap:anywhere;margin-top:8px;font-size:1rem;line-height:1.18}.inspector-card-element{color:var(--green-dark);overflow-wrap:anywhere;border-top:1px solid #bca77d;margin-top:auto;padding-top:10px;font:700 .76rem/1.3 system-ui,sans-serif}.nested-creation{border:1px solid #bca77d;border-left:4px solid var(--gold);background:#eee3c8;border-radius:7px;grid-column:1/-1;padding:10px}.nested-creation h4{color:var(--green-dark);margin:0 0 9px;font-size:.88rem}.creation-composition.is-nested{gap:9px}.inspector-empty{color:#756d5d;grid-column:1/-1;margin:0;font:italic .8rem system-ui,sans-serif}.inspector-target-action{margin-top:16px}.dialog .card{width:100%;min-height:0;padding:18px 15px 15px;overflow:visible}.dialog .card-preview{cursor:default}.dialog .card .kind{margin-bottom:8px;font-size:.78rem}.dialog .card>strong{min-height:0;font-size:1.35rem;line-height:1.18}.dialog .card .ingredients{min-height:0;margin:18px 0;font-size:1rem;line-height:1.35}.dialog .ingredient-status{margin-bottom:14px}.dialog .ingredient-line{gap:12px;font-weight:700}.dialog .ingredient-status b{font-size:1.05rem}.dialog .ingredient-sources{margin-top:0;font-size:.86rem;line-height:1.35}.dialog .ingredient-ambiguity{margin-top:5px;font-size:.75rem}.dialog .card .element-name{padding-top:11px;font-size:.9rem}.dialog .primary,.dialog .secondary{min-height:52px;margin-top:11px;padding:12px 14px;font-size:1rem}.recipe-focus-mode>.panel{opacity:.76;transition:opacity .15s}.recipe-focus-mode>.turn{opacity:.82}.recipe-focus-mode .recipe-picker{box-shadow:0 -8px 28px #17130e55}.recipe-picker h2{color:var(--green-dark);margin:0 0 12px;font-size:1.1rem}.recipe-review-card{margin-bottom:10px}.focus-progress{color:#655c4e;margin:7px 0 10px;font:.78rem/1.3 system-ui,sans-serif}.ingredient-group.is-resolved{background:#f4f8ed;border-color:#6d927f}.ingredient-group.is-unresolved{background:#f9eee5;border-color:#b78370}.ingredient-group.is-unresolved legend{color:var(--red)}.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;overflow-wrap:anywhere;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}.recipe-preview ol{margin:0 0 8px;padding-left:20px;font:.78rem/1.45 system-ui,sans-serif}.recipe-preview p{margin:7px 0 0;font:.78rem/1.35 system-ui,sans-serif}.score-preview{color:#39705d}.spell-panel>p{margin:0 0 9px;font:.85rem/1.35 system-ui,sans-serif}.shell.spell-mode:before{z-index:6;content:"";background:#17130e99;position:fixed;inset:0}.shell.spell-mode>.spell-panel{z-index:7;position:relative;box-shadow:0 8px 28px #17130e80}.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}