@font-face{font-family:Pixelify Sans;font-weight:500;font-display:swap;src:url(/fonts/pixelify-sans-500-latin.woff2) format("woff2")}@font-face{font-family:Pixelify Sans;font-weight:700;font-display:swap;src:url(/fonts/pixelify-sans-700-latin.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-400-latin.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-700-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600-latin.woff2) format("woff2")}:root{color-scheme:dark;--sky-0: #070a1f;--sky-1: #10164a;--sky-2: #2a2463;--dusk: #6b4c8f;--ink: #f3ecda;--muted: #b3aec7;--dim: #7f7b9c;--gold: #eab54d;--gold-2: #ffd98a;--gold-3: #9b6f1e;--ember: #f07a3f;--shadow: #8b73d0;--good: #7fd494;--bad: #ff8a80;--frame: #151a3f;--frame-2: #1d2350;--frame-line: #36407a;--inner: #0c1030;--display: "Pixelify Sans", "Courier New", monospace;--body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--px: 4px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.55 var(--body);background:radial-gradient(120% 80% at 70% 110%,var(--dusk) 0%,var(--sky-2) 28%,var(--sky-1) 55%,var(--sky-0) 100%) fixed,var(--sky-0);overflow-x:hidden}img{max-width:100%}.px,.sprite{image-rendering:pixelated}a{color:var(--gold-2);text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3{font-family:var(--display);font-weight:700;margin:0;line-height:1.02;text-wrap:balance;letter-spacing:.01em}p{margin:0}.sky,.sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.sky{z-index:-3}.sparks{z-index:50}.bar{position:sticky;top:0;z-index:30;transition:background .3s,backdrop-filter .3s;display:flex;align-items:center;gap:16px;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px,3vw,36px) 14px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 20px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.logo img{width:30px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(234,181,77,.45))}.bar-nav{margin-left:auto;display:flex;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.chip.icon{padding:0;justify-content:center}.chip svg{width:16px;height:16px;fill:currentColor}body.scrolled .bar{background:#070a1fd1;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}html,body{overflow-x:clip}@media (max-width: 560px){.logo span,.sound-word{display:none}}[data-sound].off .icon-px{opacity:.45;filter:grayscale(1)}.stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.55fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(12px,3vh,40px) clamp(16px,3vw,36px) 72px;max-width:1560px;margin:0 auto;min-height:calc(100vh - 70px)}.intro{display:grid;gap:18px;align-content:center}.kicker{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}.headline{font-size:clamp(40px,4.6vw,76px);line-height:.92;text-transform:uppercase;color:var(--ink);text-shadow:0 4px 0 #0a0c26,0 0 40px rgba(234,181,77,.18)}.headline .line{display:block;overflow:hidden;padding-bottom:.06em}.headline .line>span{display:inline-block}.lede{font-size:clamp(16px,1.25vw,19px);color:var(--muted);max-width:44ch}.count{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.count b{color:var(--gold-2);font-size:14px}@media (max-width: 1100px){.stage{grid-template-columns:minmax(0,1fr);min-height:0}.intro{max-width:760px}}.table{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,2.6vw,40px);align-items:start}.table-left{display:grid;gap:26px;align-content:start;padding-top:30px}@media (max-width: 900px){.table{grid-template-columns:minmax(0,1fr)}.table-left{padding-top:0;order:2}}.muster{position:relative;margin:0;display:grid;justify-items:center;gap:0}.diorama{display:block;width:min(100%,540px);aspect-ratio:360 / 290;height:auto;image-rendering:pixelated;filter:drop-shadow(0 30px 40px rgba(4,6,30,.6))}.roll{display:grid;justify-items:center;gap:2px;margin-top:-26px;position:relative;z-index:1}.roll-ribbon{min-width:min(100%,300px);max-width:100%;display:grid;place-items:center;transform-origin:50% 50%;border-style:solid;border-width:12px 48px 33px;border-image:url(/art/ui/static/label-large-2.png) 4 16 11 16 fill / 12px 48px 33px;image-rendering:pixelated;padding:0 4px}.roll-name{display:block;max-width:240px;font:700 22px/1.2 var(--display);color:#4a2a1c;white-space:nowrap;overflow:hidden;text-align:center}.muster.sworn .roll-name{color:#6b2e1c}.roll-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font:600 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #0a0c26}.muster.sworn .roll-line [data-writ-no]{color:#ffe6a8}.x-who{font:600 12px/1.3 var(--mono);letter-spacing:.06em;color:#6b5636;margin:0 0 -4px}.x-who b{color:#3b2b73}.linkish{background:none;border:0;padding:0;font:inherit;color:#8a3a1c;text-decoration:underline;cursor:var(--cur-hand, pointer)}.check-note{min-height:1.3em;font-size:14px;color:#8a3a1c;margin:0}.invite{display:grid;gap:8px}.invite label{font:700 15px/1 var(--display);letter-spacing:.04em;color:var(--ink)}.invite-row{display:flex;gap:8px}.invite input{flex:1;min-width:0;height:58px;padding:0 6px;background:none;border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-5-dark.png) 6 fill / 12px;color:var(--ink);font:14px var(--mono)}.invite-note{font-size:13px;color:var(--dim)}.oath{position:relative;display:grid;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}.parchment{position:relative;z-index:2;margin:0;display:grid;gap:18px;color:#2e2418;transform-origin:50% 0;min-height:460px;border-style:solid;border-width:24px;border-image:url(/art/ui/skin/frame-4-beige.png) 8 fill / 24px;padding:calc(8px + var(--lantern-room, 150px)) clamp(10px,1.6vw,22px) 12px}.oath-count{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a6a36;display:flex;align-items:center;gap:10px}.lanterns{position:absolute;z-index:4;top:12px;left:10%;right:10%;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;pointer-events:none}.lanterns li{display:grid;justify-items:center;width:64px;transform-origin:50% 0;pointer-events:auto;cursor:default}.lanterns .string{width:12px;height:var(--len, 40px);background:url(/art/site/rope.png) repeat-y 0 0 / 12px 18px;image-rendering:pixelated}.lantern{position:relative;display:block;width:48px;height:96px;margin-top:-30px}.lantern img{position:relative;z-index:1;display:block;width:48px;height:96px;image-rendering:pixelated;filter:grayscale(.85) brightness(.42) contrast(1.1);transition:filter .6s}.lantern .halo{position:absolute;z-index:0;left:50%;top:66px;width:90px;height:90px;margin:-45px 0 0 -45px;background:radial-gradient(circle,#ffd678d9,#ffaa4659,#ff963c00 70%);opacity:0;transform:scale(.4);transition:opacity .6s,transform .6s}.lantern .ember{position:absolute;z-index:2;left:50%;top:60px;width:3px;height:3px;background:#ffd98a;opacity:0}.lanterns .t{margin-top:6px;font:700 13px/1 var(--display);white-space:nowrap;transition:color .3s}.lanterns li.current .lantern img{filter:grayscale(.4) brightness(.75)}.lanterns li.current{animation:sway 2.6s ease-in-out infinite}.lanterns li.done .lantern img{filter:none}.lanterns li.done .halo{opacity:1;transform:scale(1);animation:halo 1.4s ease-in-out infinite}.lanterns li.done .ember{animation:ember 1.8s linear infinite}.lanterns li.done .e2{animation-delay:-.6s;margin-left:-6px}.lanterns li.done .e3{animation-delay:-1.2s;margin-left:5px}@keyframes halo{0%,to{opacity:.85;transform:scale(.94)}40%{opacity:1;transform:scale(1.05)}70%{opacity:.9;transform:scale(.98)}}@keyframes ember{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(4px,-46px)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.lanterns li.done{cursor:pointer}@media (max-width: 480px){.lanterns li{width:52px}.lanterns .t{font-size:11px}.lantern{transform:scale(.8);transform-origin:50% 0;margin-bottom:-18px}.parchment{--lantern-room: 124px}}:root{--ui: "/art/ui";--cur: url(/art/ui/cursors/cursor-idle-beige.png) 2 2, auto;--cur-hand: url(/art/ui/cursors/cursor-pointing-beige.png) 5 1, pointer}html{cursor:var(--cur)}a,button,[data-step-dot],.chip,summary{cursor:var(--cur-hand)}.btn{--img: url(/art/ui/interactive/buttons/btn-wide-beige-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-beige-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-beige-pressed.png);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:2px 22px 0;border-style:solid;border-width:9px 9px 15px 9px;border-image:var(--img) 3 3 5 3 fill / 9px 9px 15px 9px;background:none;color:#3b2a1a;font:700 18px/1 var(--display);letter-spacing:.04em;text-decoration:none;image-rendering:pixelated;cursor:var(--cur-hand);text-shadow:0 1px 0 rgba(255,255,255,.35);transition:filter .2s,opacity .2s}.btn:hover{border-image-source:var(--img-hover)}.btn:active{border-image-source:var(--img-down);border-width:12px 9px 12px 9px}.btn:after{content:"";position:absolute;inset:-6px -4px -10px;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;pointer-events:none;transition:background-position .7s var(--ease);mix-blend-mode:soft-light}.btn:hover:after{background-position:-30% 0}.btn.primary,.btn.gold{--img: url(/art/ui/interactive/buttons/btn-wide-gold-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-gold-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-gold-pressed.png);color:#3a2408;text-shadow:0 1px 0 rgba(255,240,200,.6)}.btn.ink,.btn.dark{--img: url(/art/ui/interactive/buttons/btn-wide-dark-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-dark-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-dark-pressed.png);color:#f4ecd8;text-shadow:0 2px 0 #20182a}.btn.ghost,.btn.brown{--img: url(/art/ui/interactive/buttons/btn-wide-brown-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-brown-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-brown-pressed.png);color:#fbf1dc;text-shadow:0 2px 0 #3a2418;min-height:48px;font-size:16px}.parchment .btn.ghost{--img: url(/art/ui/interactive/buttons/btn-wide-beige-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-beige-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-beige-pressed.png);color:#3b2a1a;text-shadow:none}.btn.done-mark,.parchment .btn.done-mark{--img: url(/art/ui/interactive/buttons/btn-wide-green-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-green-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-green-pressed.png);color:#f2fff4;text-shadow:0 2px 0 #1d4a28}.btn.back{border:0;border-image:none;background:transparent;color:#7a6a52;padding:0 6px;min-height:44px;text-shadow:none}.btn.back:hover{color:#221a3c}.btn.back:after{display:none}.btn.wide{width:100%;min-height:64px;font-size:22px}.btn.small{min-height:42px;padding:0 12px;font-size:15px;border-width:6px 6px 10px 6px;border-image-width:6px 6px 10px 6px}.btn.small:active{border-width:8px 6px 8px 6px}.btn[disabled]{filter:grayscale(.9) brightness(.75);opacity:.8;cursor:not-allowed}.btn[disabled]:hover{border-image-source:var(--img)}.btn[disabled]:after{display:none}.btn svg{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.play-tri{width:21px;height:21px;background:url(/art/ui/indicators/indicator-right-dark.png) center / contain no-repeat;image-rendering:pixelated}.chip{border-style:solid;border-width:6px 6px 10px;border-image:url(/art/ui/interactive/buttons/btn-wide-dark-normal.png) 3 3 5 3 fill / 6px 6px 10px;min-height:42px;padding:0 10px;text-shadow:0 2px 0 #20182a}.chip:hover{border-image-source:url(/art/ui/interactive/buttons/btn-wide-dark-hover.png)}.chip:active{border-image-source:url(/art/ui/interactive/buttons/btn-wide-dark-pressed.png)}.chip.icon{width:44px}.oath-count{justify-self:center;min-width:230px;justify-content:center;color:#6b3f22;border-style:solid;border-width:3px 39px 18px 39px;border-image:url(/art/ui/static/label-large-2.png) 1 13 6 13 fill / 3px 39px 18px 39px;padding:4px 6px 0}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6b5636}.field .opt{color:#8a7650;text-transform:none;letter-spacing:.02em}.input-row{display:flex;gap:8px}.field input{flex:1;min-width:0;height:56px;padding:0 4px;background:none;border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-5-beige.png) 6 fill / 12px;color:#221a3c;font:15px var(--mono);transition:border-color .2s}.field input:focus{outline:none;border-image-source:url(/art/ui/skin/frame-5-brown.png);color:#fbf1dc}.field input.bad{border-image-source:url(/art/ui/skin/frame-5-brown.png);color:#fbf1dc;outline:2px solid #b3261e;outline-offset:-4px}.field .prefix{display:grid;place-items:center;width:56px;background:none;border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-5-brown.png) 6 fill / 12px;color:#fbf1dc!important;font:700 18px var(--display);color:#6b5636}.form-err{color:#b3261e;font-size:14px;min-height:1.2em}.verified{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--mono);color:#2e7a45}.fine{font-size:12px;color:var(--dim)}.parchment .fine{color:#7a6a52}.parchment .fine a{color:#6b2e1c}.cf-box{min-height:0}.sworn-row{display:flex;align-items:center;gap:18px}.seal{position:relative;flex:none;width:112px;height:126px;display:grid;place-items:center}.seal img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.sworn-num{font:700 clamp(30px,3vw,44px)/.95 var(--display);color:#221a3c}.share-row{display:flex;flex-wrap:wrap;gap:10px}.more{max-width:1320px;margin:0 auto;padding:40px clamp(16px,3vw,36px) 96px;display:grid;gap:clamp(56px,8vw,110px)}.more-head{display:grid;gap:12px;max-width:760px}.more h2{font-size:clamp(32px,4vw,56px)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 900px){.tiles{grid-template-columns:minmax(0,1fr)}}.tile{padding:6px;display:grid;gap:10px;align-content:start;border-style:solid;border-width:16px;border-image:url(/art/ui/skin/frame-4-dark.png) 8 fill / 16px;transition:transform .3s var(--ease)}.tile:hover{transform:translateY(-4px)}.tile h3{font-size:22px}.tile p{color:var(--muted)}.tile-art{height:150px;position:relative;overflow:hidden;background:#0f1440;display:flex;align-items:flex-end;justify-content:center;gap:4px}.tile-art.march .sprite{width:100px;height:100px;margin:0 -28px -18px;transform:scale(1.6)}.tile-art.march{justify-content:flex-start;padding-left:20px}.tile-art.keep-art img{height:118px;width:auto;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.tile-art.dawn{align-items:center;background:#151848}.tile-art.dawn .coin{width:88px;height:88px;position:relative;z-index:1}.demo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(20px,4vw,56px);align-items:center}@media (max-width: 900px){.demo{grid-template-columns:minmax(0,1fr)}}.demo-copy{display:grid;gap:14px}.demo-copy p{color:var(--muted)}.demo-copy b{color:var(--ink)}.link{font:700 16px var(--display);text-decoration:none}.demo-stage{position:relative;aspect-ratio:16 / 9;max-width:100%;border-style:solid;border-width:16px;border-image:url(/art/ui/skin/frame-4-dark.png) 8 / 16px;background:#0b0f2e;overflow:hidden;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.demo-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.demo-hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:10px;background:linear-gradient(0deg,rgba(5,7,25,.85),transparent)}.demo-cover{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#05071959,#050719cc)}.demo-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);font:700 18px/1 var(--display);color:var(--gold-2);text-shadow:0 2px 0 #000;pointer-events:none;white-space:nowrap}.guide-cta{text-align:center;display:grid;gap:14px;justify-items:center;padding:32px 20px;border-style:solid;border-width:16px;border-image:url(/art/ui/skin/frame-4-dark.png) 8 fill / 16px}.guide-cta p{color:var(--muted)}.foot{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;padding:22px clamp(16px,3vw,36px) calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);color:var(--dim);font-size:13px}.foot-links{display:flex;gap:16px}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--gold-2)}.sprite{display:inline-block;width:100px;height:100px;background-repeat:no-repeat;background-size:auto 100%}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;transform:translate(-50%);padding:4px 8px;color:#2e2418;font:700 15px/1.2 var(--display);max-width:calc(100vw - 32px);border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 12px;image-rendering:pixelated;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}.toast.bad{border-image-source:url(/art/ui/skin/frame-1-brown.png);color:#fbf1dc}body.is-loading .table,body.is-loading .intro{opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.is-loading .table,body.is-loading .intro{opacity:1}}.demo-end{display:grid;gap:12px;justify-items:center;text-align:center;padding:20px;max-width:460px}.demo-end h3{font-size:clamp(26px,3vw,40px);color:var(--gold-2);text-shadow:0 3px 0 #000}.demo-end p{color:var(--ink);text-shadow:0 2px 0 #000}.step-body{display:grid;gap:14px;align-content:start;min-height:230px}.step-body h2{font-size:clamp(30px,2.8vw,44px);line-height:1;color:#221a3c}.step-body .sub{color:#4c4166;font-size:17px}.step-body .sub b{color:#221a3c}.step-body .quote{padding:4px 6px;border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 12px;font-size:15px;color:#2a2040;font-style:italic}.step-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:18px}.step-next{display:grid;justify-items:end;gap:6px}.hint{font:600 11px/1.3 var(--mono);letter-spacing:.04em;color:#8a6a36;text-align:right;max-width:30ch}.lanterns .t{color:#8a7650;text-shadow:none}.lanterns li.done .t,.lanterns li.current .t{color:#221a3c}.parchment .kicker{color:#8a6a36}.oath{filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}.lanterns{top:20px}.step-body .sub{color:#4a3c2c}img.moon{position:fixed;z-index:-2;top:9vh;right:11vw;width:132px;height:132px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 30px rgba(255,220,140,.35))}.hills{position:fixed;left:0;right:0;bottom:0;height:42vh;z-index:-1;pointer-events:none}.hills span{position:absolute;left:-10%;right:-10%;bottom:0;background-repeat:repeat-x;background-position:0 100%;image-rendering:pixelated}.hills .h1{height:270px;background-image:url(/art/site/mountains-1.png);background-size:810px 270px;bottom:60px}.hills .h2{height:270px;background-image:url(/art/site/mountains-2.png);background-size:1080px 360px;background-position:300px 100%}.hills:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:#10123a}.icon-px{width:24px;height:24px;image-rendering:pixelated}.kicker .icon-px{width:18px;height:18px}.tile-art .ground{position:absolute;left:0;right:0;bottom:0;height:48px;background:url(/art/site/grass.png) repeat-x 0 0 / 192px 64px;image-rendering:pixelated}.tile-art.march .sprite{position:relative;z-index:1}.tile-art:before{content:"";position:absolute;inset:0;background:url(/art/site/mountains-2.png) left -60px bottom 22px / 540px 180px repeat-x,url(/art/site/mountains-1.png) left 150px bottom -8px / 540px 180px repeat-x;filter:brightness(.42) saturate(.7);image-rendering:pixelated;pointer-events:none}.tile-art:after{content:"";position:absolute;right:14px;top:12px;width:44px;height:44px;background:url(/art/site/moon.png) 0 0 / 44px 44px;image-rendering:pixelated;opacity:.9;pointer-events:none}.tile-art.keep-art{padding-bottom:14px}.tile-art.keep-art img,.tile-art.dawn .coin{position:relative;z-index:1}.tile-art .ground{filter:brightness(.8);z-index:1}.tile-art.march .sprite{z-index:2}.tile-art.dawn .circle{position:absolute;width:192px;height:192px;left:50%;top:50%;margin:-96px 0 0 -96px;background:url(/art/vfx/magic-circle.png) 0 0 / 2304px 192px;image-rendering:pixelated;animation:vfx12 1.2s steps(12) infinite;opacity:.85}@keyframes vfx12{to{background-position:-2304px 0}}.dossier{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:center;padding:4px 6px;color:#fbf1dc;border-style:solid;border-width:16px;border-image:url(/art/ui/skin/frame-4-brown.png) 8 fill / 16px;image-rendering:pixelated;perspective:800px}.dossier-portrait{width:114px;height:114px;display:grid;place-items:center;border-style:solid;border-width:9px;border-image:url(/art/ui/inventory/inventory-slot-active-beige.png) 3 fill / 9px}.dossier-portrait{overflow:hidden}.dossier-hero{display:block;flex:none;width:100px;height:100px;image-rendering:pixelated;background-repeat:no-repeat}.dossier-herotag{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font:700 13px/1.2 var(--display);color:#e8c98a!important}.dossier-herotag img{width:16px;height:16px;image-rendering:pixelated}.dossier-kicker{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#e8c98a}.dossier-name{display:flex;align-items:center;gap:6px;font:700 clamp(20px,2vw,26px)/1.05 var(--display);color:#fff4d8;margin-top:4px;overflow-wrap:anywhere}.dossier-mark{width:18px;height:18px;image-rendering:pixelated}.dossier-handle{font:600 14px/1.2 var(--mono);color:#e8c98a}.dossier-bio{grid-column:1 / -1;font-size:14px;color:#f3e6c8!important;font-style:italic}.dossier-stats{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#e9dcc0}.dossier-stats span{display:inline-flex;align-items:center;gap:5px}.dossier-stats img,.dossier-rank img{width:16px;height:16px;image-rendering:pixelated}.dossier-stats b{color:#fff4d8;font-family:var(--display);font-size:15px}.dossier-rank{grid-column:1 / -1;display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:0 4px;font:700 14px/1.2 var(--display);color:#3a2408!important;border-style:solid;border-width:6px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 6px}@media (max-width: 480px){.dossier-portrait{width:100px;height:100px}}.deeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 420px){.deeds{grid-template-columns:minmax(0,1fr)}}.deed{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 6px;text-decoration:none;color:#f4ecd8;font:700 15px/1.1 var(--display);text-shadow:0 2px 0 #20182a;border-style:solid;border-width:6px 6px 10px;border-image:url(/art/ui/interactive/buttons/btn-wide-dark-normal.png) 3 3 5 3 fill / 6px 6px 10px;image-rendering:pixelated}.deed:hover{border-image-source:url(/art/ui/interactive/buttons/btn-wide-dark-hover.png)}.deed>img:first-child{width:20px;height:20px;image-rendering:pixelated}.deed span{flex:1}.deed svg{width:16px;height:16px;fill:currentColor;opacity:.8}.deed .tick{width:18px;height:18px;image-rendering:pixelated}.deed.done{border-image-source:url(/art/ui/interactive/buttons/btn-wide-green-normal.png);color:#f2fff4;text-shadow:0 2px 0 #1d4a28}.checklist{list-style:none;margin:0;padding:4px 6px;display:grid;gap:6px;overflow:hidden;border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 12px}.checklist li{display:flex;align-items:center;gap:8px;font:700 15px/1.2 var(--display);color:#6b5636}.checklist li img{width:18px;height:18px;image-rendering:pixelated;filter:grayscale(1) brightness(.8);transition:filter .3s}.checklist li span{flex:1}.checklist li em{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:#8a7650;animation:blink .9s steps(2) infinite}.checklist li.ok{color:#2e5a1c}.checklist li.ok img{filter:none}.checklist li.ok em{color:#2e7a45;animation:none}@keyframes blink{50%{opacity:.35}}.rally-done{display:flex;align-items:center;gap:8px;font:700 17px/1.2 var(--display);color:#2e5a1c!important}.rally-done img{width:22px;height:22px;image-rendering:pixelated}.btn[disabled].primary{filter:grayscale(.6) brightness(.85)}@media (pointer: coarse){.logo{min-height:44px;min-width:44px;display:inline-flex;align-items:center}.link{display:inline-flex;align-items:center;min-height:44px}}.table-left,.muster,.roll,.invite,.oath,.parchment,.step-body,.form,.field{min-width:0;grid-template-columns:minmax(0,1fr)}.roll-name{max-width:min(240px,calc(100vw - 150px))}.oath-count{min-width:min(230px,100%)}.demo-hud .btn{min-width:0;flex:0 1 auto;flex-direction:column;gap:2px;line-height:1}.demo-hud .btn[data-state]{filter:none;opacity:1!important}.demo-hud .btn[data-state=ready]{--img: url(/art/ui/interactive/buttons/btn-wide-gold-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-gold-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-gold-pressed.png);color:#3a2408;text-shadow:0 1px 0 rgba(255,240,200,.6)}.cmd-sub{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cmd-sub:empty{display:none}.demo-hud .btn[data-state=off]{--img: url(/art/ui/interactive/buttons/btn-wide-dark-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-dark-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-dark-pressed.png);color:#cfc6b4;text-shadow:0 2px 0 #20182a}.demo-hud .btn>span{position:relative;z-index:2}.demo-hud .btn[data-state=cool]{--img: url(/art/ui/interactive/buttons/btn-wide-gold-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-gold-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-gold-pressed.png);color:#fff4d8;text-shadow:1px 0 0 #3a2408,-1px 0 0 #3a2408,0 -1px 0 #3a2408,0 2px 0 #3a2408}.demo-hud .btn[data-state=cool]:before{content:"";position:absolute;right:-6px;top:-6px;bottom:-10px;width:calc(var(--cd, 0) * (100% + 12px));background:#181024a8;pointer-events:none;z-index:1;transition:width .2s linear}.demo-hud .btn[data-state=active],.demo-hud .btn[data-state=on]{--img: url(/art/ui/interactive/buttons/btn-wide-green-normal.png);--img-hover: url(/art/ui/interactive/buttons/btn-wide-green-hover.png);--img-down: url(/art/ui/interactive/buttons/btn-wide-green-pressed.png);color:#f2fff4;text-shadow:0 2px 0 #1d4a28}.demo-hud .btn.gold[data-state=ready]{animation:cmd-ready 1.1s ease-in-out infinite}@keyframes cmd-ready{50%{filter:brightness(1.2) drop-shadow(0 0 6px rgba(255,210,120,.85))}}.cmd-name{display:inline-flex;align-items:center;gap:5px}.cmd-icon{width:12px;height:12px;image-rendering:pixelated}.demo-hud .btn[data-cmd=ult] .cmd-icon{width:24px;height:24px;margin:-6px 0}.demo-hud .btn[data-cmd=ult][data-state=ready] .cmd-icon{animation:ult-sun 2.4s linear infinite}@keyframes ult-sun{to{transform:rotate(360deg)}}.demo-hud .btn[data-cmd=ult][data-state=ready]:after{animation:ult-sheen 1.6s ease-in-out infinite}@keyframes ult-sheen{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.demo-hud .btn[data-cmd=ult][data-state=cool] .cmd-icon{filter:grayscale(1) brightness(.8)}.demo-hud .btn[data-state=firing]{--img: url(/art/ui/interactive/buttons/btn-wide-gold-pressed.png);--img-hover: var(--img);--img-down: var(--img);color:#3a2408;animation:ult-fire .5s ease-out infinite alternate}@keyframes ult-fire{0%{filter:brightness(1.6) drop-shadow(0 0 14px rgba(255,230,150,1));transform:scale(1.08)}to{filter:brightness(1.1) drop-shadow(0 0 6px rgba(255,210,120,.8));transform:scale(1)}}.demo-ult{position:absolute;left:0;right:0;top:11%;display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center;z-index:2}.demo-ult b{font:700 clamp(28px,7vw,56px)/1 var(--display);color:#fff1b8;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 3px 0 #6a3a10,0 0 18px rgba(255,200,90,.9),0 0 40px rgba(255,160,60,.6)}.demo-ult span{font:700 clamp(11px,2.2vw,15px)/1 var(--display);color:var(--gold-2);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 0 #000}@media (max-width: 600px){.demo-stage{aspect-ratio:4 / 3}.demo-hud{gap:4px;padding:6px}.demo-hud .btn.small{min-height:30px;padding:0 6px;font-size:12px;border-width:4px 4px 7px 4px;border-image-width:4px 4px 7px 4px;flex-direction:row;gap:4px}.demo-hud .btn.small:active{border-width:6px 4px 5px 4px}.demo-hud .btn[data-state=cool]:before{right:-4px;top:-4px;bottom:-7px;width:calc(var(--cd, 0) * (100% + 8px))}.demo-hud .btn[data-cmd=ult] .cmd-icon{width:12px;height:12px;margin:0}.demo-hud .cmd-sub{font-size:9px}}.demo-toast{white-space:normal;text-align:center;top:9%;left:0;right:0;margin:0 auto;transform:none;width:fit-content;max-width:86%;font-size:clamp(12px,2vw,18px);line-height:1.2}