@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--parchment:#e8dcc0;--parchment-dark:#d3c19c;--parchment-darker:#bfa87e;--ink:#2b2015;--ink-soft:#4a3b28;--gold:#a9812f;--gold-bright:#d4af37;--wood:#2e2013;--wood-light:#4a3420;--accent-red:#7a1f1f;--sans:"EB Garamond", Georgia, serif;--heading:"Cinzel", Georgia, serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(at 20% 20%,#4a3f33 0%,#0000 60%),radial-gradient(at 80% 70%,#3a3226 0%,#0000 55%),linear-gradient(160deg,#1c1712 0%,#2a2219 50%,#1c1712 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--heading);color:var(--ink);margin:0 0 8px;font-weight:600}button,select,input{font-family:var(--sans)}.ww-title{font-family:var(--heading);color:var(--gold-bright);text-shadow:0 1px #6b4f14,0 2px 3px #0009,0 0 24px #d4af3759;letter-spacing:2px;margin:0}.ww-panel{background:radial-gradient(ellipse at 15% 10%, #78643c40 0%, transparent 45%), radial-gradient(ellipse at 85% 90%, #5a462840 0%, transparent 50%), repeating-linear-gradient(0deg, #00000004 0px, #00000004 1px, transparent 1px, transparent 3px), linear-gradient(180deg, var(--parchment) 0%, var(--parchment-dark) 100%);border:3px solid var(--wood);box-shadow:inset 0 0 0 3px var(--parchment-dark), inset 0 0 0 5px var(--gold), 0 6px 18px #00000080;color:var(--ink);border-radius:3px;padding:20px 24px;position:relative}.ww-banner{font-family:var(--heading);letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--gold);margin:0 0 10px;padding-bottom:6px;font-size:14px;font-weight:600;position:relative}.ww-button{font-family:var(--heading);letter-spacing:1px;color:var(--parchment);background:linear-gradient(180deg, var(--wood-light) 0%, var(--wood) 100%);cursor:pointer;border:1px solid #6b4f14;border-radius:4px;padding:8px 16px;font-size:14px;transition:box-shadow .15s,transform 50ms,color .15s;box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #0006,0 2px 4px #0006}.ww-button:hover:not(:disabled){color:var(--gold-bright);box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #0006,0 0 10px 2px #d4af378c,0 2px 4px #0006}.ww-button:active:not(:disabled){transform:translateY(1px)}.ww-button:disabled{opacity:.5;cursor:default}.ww-field{font-family:var(--sans);background:var(--parchment-dark);border:1px solid var(--gold);color:var(--ink);border-radius:3px;padding:3px 6px;box-shadow:inset 0 1px 3px #00000040}.ww-scroll{background:var(--parchment-dark);border:1px solid var(--gold);color:var(--ink);font-family:var(--sans);border-radius:3px;padding:8px 10px;overflow-y:auto;box-shadow:inset 0 1px 6px #0000004d}.ww-scroll::-webkit-scrollbar{width:10px}.ww-scroll::-webkit-scrollbar-track{background:var(--parchment-dark)}.ww-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}.ww-tracker{color:var(--parchment);background:#2e2013eb;border:1px solid #6b4f14;border-radius:4px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 20px;margin:0 0 10px;padding:8px 12px;display:grid}.ww-tracker-turn{flex-direction:column;line-height:1.15;display:flex}.ww-tracker-turn-number{font-family:var(--heading);letter-spacing:2px;text-transform:uppercase;color:var(--parchment-darker);font-size:11px}.ww-tracker-active{font-family:var(--heading);color:var(--gold-bright);font-size:17px}.ww-tracker-active small,.ww-tracker-side-name small{color:var(--parchment-darker);font-size:.7em}.ww-tracker-phases{gap:4px;margin:0;padding:0;list-style:none;display:flex}.ww-tracker-phases li{font-family:var(--heading);letter-spacing:1px;color:var(--parchment-darker);opacity:.6;border:1px solid #6b4f14;border-radius:3px;padding:4px 10px;font-size:12px}.ww-tracker-phases li.is-done{opacity:.85;-webkit-text-decoration:line-through #d4af3780;text-decoration:line-through #d4af3780}.ww-tracker-phases li.is-current{opacity:1;color:var(--wood);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-color:var(--gold-bright);font-weight:700;box-shadow:0 0 10px #d4af3780}.ww-tracker-sides{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.ww-tracker-side{border-left:3px solid #0000;min-width:118px;padding:2px 8px}.ww-tracker-side.is-active{border-left-color:var(--gold-bright)}.ww-tracker-side-name{font-size:13px;line-height:1.2}.ww-tracker-vp{font-family:var(--heading);color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:16px}.ww-tracker-break{color:var(--parchment-darker);font-variant-numeric:tabular-nums;font-size:11px}.ww-meter{background:#00000073;border-radius:3px;height:5px;margin:2px 0;overflow:hidden}.ww-meter-fill{height:100%;transition:width .4s}.ww-log-line{border-bottom:1px solid #00000014;border-left:3px solid #0000;padding:2px 0 2px 6px;font-size:15px;line-height:1.3}.ww-log-line.is-heading{font-family:var(--heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);border-left-color:var(--gold);background:#a9812f24;margin-top:6px;font-size:12px}.ww-log-line.is-ai{color:#2f4a63;border-left-color:#4a7395;font-style:italic}.ww-log-line.is-combat{border-left-color:var(--gold)}.ww-log-line.is-loss{color:var(--accent-red);border-left-color:var(--accent-red)}html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}@media (width<=720px){:root{font-size:16px}.ww-panel{max-width:100%;padding:14px}.ww-tracker{grid-template-columns:1fr}.ww-tracker-sides{justify-content:flex-start}.ww-tracker-phases li{padding:4px 8px;font-size:11px}.ww-button{min-height:40px;padding:8px 12px}table:not(.ww-units){max-width:100%;display:block;overflow-x:auto}.ww-units{font-size:12px}.ww-confirmbar{padding-right:70px}.ww-button.ww-step{min-height:34px;padding:2px 10px}.ww-unit-stats{white-space:normal}}@media (prefers-reduced-motion:reduce){.ww-meter-fill,.ww-button{transition:none}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}::selection{background:#d4af3766}body{padding-bottom:72px}.ww-title{overflow-wrap:anywhere}.ww-linkbutton{font:inherit;color:var(--ink);text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ww-linkbutton:hover{color:var(--accent-red)}.ww-setup-options{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.ww-fieldset{border:1px solid var(--gold);border-radius:4px;flex:320px;min-width:0;margin:0;padding:6px 12px 10px}.ww-fieldset>legend{border:0;margin:0;padding:0 6px}.ww-rules-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:6px;display:grid}.ww-option{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:8px;padding:6px 8px;line-height:1.25;display:flex}.ww-option:hover{background:#a9812f1f}.ww-option.is-on{border-color:var(--gold);background:#a9812f33}.ww-option input{width:16px;height:16px;accent-color:var(--wood-light);flex:none;margin-top:4px}.ww-option small{color:var(--ink-soft);font-size:12.5px;display:block}.ww-units th{font-family:var(--heading);letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);padding:4px;font-size:11px}.ww-units td{vertical-align:middle;border-bottom:1px solid #0000001a;padding:5px 4px}.ww-units tr.is-picked td{background:#a9812f29}.ww-unit-sub{color:var(--ink-soft);font-size:11px}.ww-unit-stats{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.ww-step{min-width:30px;padding:2px 8px}.ww-count{font-variant-numeric:tabular-nums;min-width:22px;margin:0 4px;display:inline-block}.ww-unit-details td{background:#0000000d;font-size:12.5px;line-height:1.4}.ww-unit-details p{white-space:pre-line;margin:4px 0 0}.ww-unit-tags{flex-wrap:wrap;gap:4px;display:flex}.ww-unit-tags span{text-transform:capitalize;border:1px solid var(--gold);background:var(--parchment-dark);border-radius:10px;padding:1px 8px;font-size:11px}.ww-confirmbar{background:linear-gradient(180deg, #e8dcc0d9, var(--parchment-dark));border-top:2px solid var(--gold);z-index:2;justify-content:space-between;align-items:center;gap:10px;margin:10px -8px -8px;padding:8px;display:flex;position:sticky;bottom:0}.ww-confirmbar-points{font-family:var(--heading);font-variant-numeric:tabular-nums;font-size:15px}.ww-terrain-side{flex:220px;min-width:0;max-width:320px}.ww-terrain-quick{gap:6px;margin-bottom:8px;display:flex}.ww-terrain-quick .ww-button{flex:1;padding:6px 8px}.ww-terrain-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ww-terrain-palette .ww-button{padding:6px;font-size:12.5px}.ww-terrain-palette .ww-button.is-armed{color:var(--wood);background:linear-gradient(180deg, var(--gold-bright), var(--gold));box-shadow:0 0 10px #d4af3799}.ww-terrain-hint{min-height:3.2em;color:var(--ink-soft);margin:8px 0;font-size:12.5px}@media (width<=720px){.ww-terrain-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.ww-terrain-palette .ww-button{letter-spacing:0;min-height:34px;padding:4px 2px;font-size:11px}.ww-terrain-side{flex-basis:100%;order:-1;max-width:none}}.ww-deploy-progress{margin:0 0 10px}.ww-deploy-progress .ww-meter{border:1px solid var(--gold);background:var(--parchment-dark);height:7px}.ww-deploy-progress small{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.ww-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ww-toolbar .ww-button,.ww-menu>summary{padding:6px 14px;font-size:13px}.ww-toolbar .ww-button.is-armed{color:var(--wood);background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.ww-toolbar-end{margin-left:auto}.ww-toolbar-hint,.ww-turn-note{color:var(--ink-soft);margin:6px 0 8px;font-size:12.5px}.ww-menu{position:relative}.ww-menu>summary{cursor:pointer;font-family:var(--heading);letter-spacing:1px;color:var(--parchment);background:linear-gradient(180deg, var(--wood-light) 0%, var(--wood) 100%);border:1px solid #6b4f14;border-radius:4px;list-style:none;display:inline-block}.ww-menu>summary::-webkit-details-marker{display:none}.ww-menu[open]>summary:after{content:" ▴"}.ww-menu:not([open])>summary:after{content:" ▾"}.ww-menu-body{z-index:20;background:var(--parchment);border:2px solid var(--wood);border-radius:4px;flex-direction:column;gap:6px;width:max-content;max-width:min(320px,80vw);padding:10px 12px;font-size:13.5px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 18px #00000080}.ww-menu-body label{cursor:pointer;align-items:flex-start;gap:6px;display:flex}.ww-actionbar{z-index:5;background:linear-gradient(180deg, #e8dcc0eb, var(--parchment-dark));border-top:2px solid var(--gold);margin:12px -8px 0;padding:10px 8px;position:sticky;bottom:0}.ww-actionbar .ww-button.is-primary{color:var(--wood);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-color:#6b4f14;padding:10px 20px;font-size:15px;box-shadow:0 0 12px #d4af3773,0 2px 4px #0006}.ww-actionbar .ww-button.is-primary:disabled{background:linear-gradient(180deg, var(--parchment-darker), var(--parchment-dark));box-shadow:none}.ww-actionbar p{margin:4px 0 0}@media (width<=720px){.ww-actionbar{padding-right:70px}.ww-menu[open]{flex:100%;order:10}.ww-menu-body{width:auto;max-width:none;margin-top:6px;position:static}}.ww-spellcard{border-left:3px solid var(--gold);background:#a9812f1f;margin:6px 0;padding:6px 8px;font-size:12.5px;line-height:1.35}.ww-spellcard-head{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:12px;display:flex}.ww-spellcard-head span{color:var(--ink-soft);font-variant-numeric:tabular-nums}.ww-spellcard p{margin:3px 0 0}.ww-spelllist{margin:8px 0}.ww-spelllist>summary{cursor:pointer;font-family:var(--heading);letter-spacing:1px;color:var(--ink-soft);font-size:13px}
