.plate{position:relative;color:var(--steel-ink);background:linear-gradient(180deg,var(--steel-600),var(--steel-700));border:1px solid var(--steel-900);border-radius:var(--r-1);box-shadow:var(--bevel),var(--drop-1)}.plate:before{content:"";position:absolute;inset:var(--sp-2);pointer-events:none;--rivet: radial-gradient(circle, var(--steel-400) 0 2.5px, var(--steel-900) 3px 3.5px, transparent 4px);background:var(--rivet) 0 0 / 8px 8px no-repeat,var(--rivet) 100% 0 / 8px 8px no-repeat,var(--rivet) 0 100% / 8px 8px no-repeat,var(--rivet) 100% 100% / 8px 8px no-repeat}.plate--flat:before{display:none}.plate-band{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) var(--sp-2);border-bottom:1px solid var(--steel-900);box-shadow:0 1px 0 var(--glint-06)}.plate-meta{font:var(--fw-semi) var(--fs-13) / 1.2 var(--font);color:var(--text-dim)}.plate-body{padding:var(--sp-4) var(--sp-5)}.stencil{margin:0;font:var(--fw-heavy) var(--fs-15) / 1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--hazard)}.well{background:var(--steel-800);border-radius:var(--r-1);box-shadow:var(--inset)}.paper{color:var(--paper-ink);background:var(--paper);border-radius:var(--r-1);box-shadow:var(--drop-2)}.paper--ruled{background-image:repeating-linear-gradient(transparent 0 31px,var(--paper-rule) 31px 32px)}.paper--clip{position:relative;padding-top:44px}.paper--clip:before{content:"";position:absolute;left:50%;top:-14px;width:120px;height:40px;transform:translate(-50%);border-radius:var(--r-3);background:linear-gradient(var(--steel-300),var(--steel-500));box-shadow:inset 0 1px 0 var(--glint-50),0 3px 5px var(--shade-50)}.paper--tag{position:relative;padding-left:56px;clip-path:polygon(0 12%,12% 0,100% 0,100% 100%,12% 100%,0 88%)}.paper--tag:before{content:"";position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:var(--r-round);background:var(--steel-900);box-shadow:0 0 0 5px var(--paper-edge)}.pencil{color:var(--paper-pencil)}.tape{display:inline-flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-3);border:0;border-radius:var(--r-1);color:var(--tape-text);background:var(--tape);font:var(--fw-heavy) var(--fs-15) / 1 var(--font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 3px var(--shade-50),inset 0 0 0 1px var(--glint-06);transform:rotate(var(--tilt, 0deg))}.tape--hot,.tape[aria-selected=true]{color:var(--hazard-ink);background:var(--hazard)}.tape--red{background:var(--bad-lo)}.tape-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tape-tabs>.tape{cursor:pointer}.tape-tabs>.tape:not([aria-selected=true]):hover{color:var(--hazard)}.tape-badge{color:var(--hazard);font-weight:var(--fw-black)}.tape[aria-selected=true] .tape-badge{color:var(--bad-lo)}.odo{display:inline-flex;gap:2px;padding:3px;vertical-align:middle;background:var(--steel-900);border-radius:var(--r-1);box-shadow:var(--inset);font:var(--fw-bold) var(--fs-17) / 1 var(--font)}.odo>i{display:grid;place-items:center;width:.95em;height:1.45em;overflow:hidden;font-style:normal;color:var(--steel-900);background:linear-gradient(var(--drum-lo),var(--drum-hi) 45%,var(--drum-mid));border-radius:var(--r-1)}.odo>i.sep{width:.45em;color:var(--text-dim);background:none}.odo--dark>i:not(.sep){color:var(--steel-ink);background:linear-gradient(var(--steel-700),var(--steel-600) 45%,var(--steel-800))}.odo>i.roll{animation:odo-roll var(--t-med) var(--ease-press)}@keyframes odo-roll{0%{transform:translateY(-45%);opacity:.2}}.gauge{box-sizing:border-box;width:100%;height:12px;overflow:hidden;background:var(--steel-900);border-radius:var(--r-pill);box-shadow:var(--inset)}.gauge>i{display:block;height:100%;width:calc(var(--frac, 0) * 100%);background:var(--ok);transition:width var(--t-med) linear}.gauge--hazard>i{background:var(--hazard)}.gauge--bad>i{background:var(--bad)}.push{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:50px;padding:0 var(--sp-5) var(--press-depth);border:0;border-radius:var(--r-2);cursor:pointer;color:var(--steel-ink);font:var(--fw-heavy) var(--fs-17) / 1 var(--font);background:var(--steel-500);--press: var(--press-steel);box-shadow:var(--press);transition:transform var(--t-fast) var(--ease-press),box-shadow var(--t-fast) var(--ease-press)}.push:hover:not([disabled]):not(.disabled){box-shadow:var(--press),var(--press-hover)}.push:active:not([disabled]):not(.disabled){transform:translateY(3px);box-shadow:var(--press-down)}.push--primary{color:var(--hazard-ink);background:var(--hazard);--press: var(--press-hazard)}.push--go{color:var(--steel-900);background:var(--ok-lo);--press: var(--press-go)}.push--danger{background:var(--bad-lo);--press: var(--press-bad)}.push--sm{height:36px;padding-inline:var(--sp-3);font-size:var(--fs-13)}.push--xs{height:30px;padding-inline:var(--sp-2);font-size:var(--fs-12)}.push--on,.push--on:hover:not([disabled]):not(.disabled),.push--on:active:not([disabled]):not(.disabled){color:var(--steel-900);background:var(--ok-lo);transform:translateY(3px);box-shadow:var(--press-down)}.push[disabled],.push.disabled{cursor:not-allowed;opacity:.45;filter:grayscale(1)}.push-sub{font:var(--fw-bold) var(--fs-12) / 1.2 var(--font);opacity:.75}.push-sub:empty{display:none}.field{padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-1);color:var(--steel-ink);background:var(--steel-900);font:var(--fw-semi) var(--fs-17) / 1.2 var(--font);box-shadow:var(--inset);outline:2px solid transparent;outline-offset:1px}.field:focus{outline-color:var(--hazard)}.field[aria-invalid=true]{outline-color:var(--bad)}.field-error{color:var(--bad-text);font:var(--fw-bold) var(--fs-13) / 1.3 var(--font)}.key{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:var(--r-2);color:var(--hazard-ink);background:linear-gradient(var(--hazard-hi),var(--hazard));box-shadow:inset 0 -3px 0 var(--hazard-lo);font:var(--fw-black) var(--fs-13) / 1 var(--font)}.toast{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-6);pointer-events:auto;color:var(--paper-ink);background:var(--paper);border-left:8px solid var(--tone, var(--paper-pencil));box-shadow:var(--drop-1);clip-path:polygon(0 6%,3% 0,97% 4%,100% 0,99% 94%,100% 100%,2% 96%,0 100%,1% 50%);transform:rotate(var(--tilt, -1deg));animation:tape-slap var(--t-slow) var(--ease-slap) both}.toast.out{opacity:0;transition:opacity var(--t-slow) ease}.toast--ok{--tone: var(--stamp)}.toast--bad{--tone: var(--bad)}.toast--info{--tone: var(--info)}.toast--gold{--tone: var(--rarity-legendary)}.toast-kicker{color:var(--rust);font:var(--fw-bold) var(--fs-13) / 1.2 var(--font)}.toast-title{font:var(--fw-heavy) var(--fs-24) / 1.1 var(--font)}.toast-body{font:var(--fw-semi) var(--fs-15) / 1.3 var(--font)}@keyframes tape-slap{0%{transform:rotate(-8deg) scale(1.25);opacity:0}}.stamp{display:inline-block;padding:4px 18px;border:5px solid currentColor;border-radius:var(--r-3);color:var(--stamp);font:var(--fw-black) var(--fs-40) / 1 var(--font);letter-spacing:.06em;text-transform:uppercase;opacity:.88;mix-blend-mode:multiply;transform:rotate(var(--tilt, -12deg));-webkit-mask-image:radial-gradient(circle at 30% 40%,black 60%,var(--shade-50) 61%,black 70%);mask-image:radial-gradient(circle at 30% 40%,black 60%,var(--shade-50) 61%,black 70%)}.stamp--ok{color:var(--stamp)}.stamp--bad{color:var(--bad-lo)}.stamp.is-down{animation:stamp-down var(--t-slow) var(--ease-slap) both}@keyframes stamp-down{0%{transform:rotate(var(--tilt, -12deg)) scale(2.2);opacity:0}}.empty-state{display:grid;justify-items:center;gap:var(--sp-3);margin:var(--sp-4) auto;padding:var(--sp-4) var(--sp-5);max-width:320px;color:var(--paper-pencil);background:var(--paper);border-radius:var(--r-1);box-shadow:var(--drop-1);font:var(--fw-semi) var(--fs-15) / 1.4 var(--font);text-align:center;transform:rotate(-1deg)}.empty-state p{margin:0}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--shade-75);zoom:var(--ui-zoom)}.pop-box{position:relative;box-sizing:border-box;max-width:100%;max-height:calc(var(--ui-vh) - 40px);overflow-y:auto;padding:var(--sp-6);box-shadow:var(--bevel)}.pop-title{margin:0 0 var(--sp-4);font-size:var(--fs-24)}.pop-x{position:absolute;top:var(--sp-5);right:var(--sp-5);z-index:1;font-size:var(--fs-15)}.pop-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4)}.confirm-pop{z-index:var(--z-modal)}.confirm-pop-box{max-width:360px}.confirm-pop-p{margin:0;font-size:var(--fs-15);color:var(--text-dim)}.hazard-rule{height:8px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 12px,var(--stripe-dark) 12px 24px)}.tile{position:relative;background:color-mix(in srgb,var(--rarity, transparent) 14%,var(--steel-800));border-radius:var(--r-1);box-shadow:var(--inset)}.tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rarity, transparent)}.tile:hover{box-shadow:var(--inset),inset 0 0 0 999px var(--glint-10)}.dtable-wrap{overflow:auto;border-radius:var(--r-1);background:var(--steel-800);box-shadow:var(--inset)}.dtable{width:100%;border-collapse:separate;border-spacing:0;color:var(--steel-ink);font:var(--fw-medium) var(--fs-13) / 1.3 var(--font);font-variant-numeric:tabular-nums}.dtable-th,.dtable-td{padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--steel-900);text-align:left;vertical-align:middle;white-space:nowrap}.dtable-th{position:sticky;top:0;z-index:2;color:var(--text-dim);background:var(--steel-700);font:var(--fw-bold) var(--fs-12) / 1.2 var(--font)}.dtable-th:first-child,.dtable-td:first-child{position:sticky;left:0;z-index:1;background:var(--steel-700);font-weight:var(--fw-bold)}.dtable-th:first-child{z-index:3}.dtable-end{text-align:right}.dtable-row:hover>.dtable-td{background:var(--steel-700)}.dtable-row:hover>.dtable-td:first-child{background:var(--steel-600)}.dtable-row.is-changed>.dtable-td:first-child{box-shadow:inset 3px 0 0 var(--hazard)}.dtable-ro{color:var(--text-dim)}.dtable-wrap>.empty-state{margin:var(--sp-4) auto}.dt-in{box-sizing:border-box;height:26px;padding:0 var(--sp-1);border:0;border-radius:var(--r-1);color:var(--steel-ink);background:var(--steel-900);font:var(--fw-semi) var(--fs-13) / 1 var(--font);box-shadow:var(--inset);outline:2px solid transparent}.dt-in:focus{outline-color:var(--hazard)}.dt-in[aria-invalid=true]{outline-color:var(--bad)}.dt-in::placeholder{color:var(--text-mute)}.dt-num{width:76px;text-align:right}.dt-text{width:160px}.dt-sel{max-width:220px}.dt-dim{color:var(--text-mute)}.dt-check{width:16px;height:16px;margin:0;accent-color:var(--hazard)}.dt-act{height:24px;padding:0 var(--sp-2);border:0;border-radius:var(--r-1);cursor:pointer;color:var(--steel-ink);background:var(--steel-500);box-shadow:inset 0 1px 0 var(--glint-20),0 1px 0 var(--steel-900);font:var(--fw-bold) var(--fs-12) / 1 var(--font);white-space:nowrap}.dt-act:hover:not([disabled]){background:var(--steel-500)}.dt-act[disabled]{cursor:not-allowed;opacity:.45}.kit-page{min-height:100vh;padding:var(--sp-7);background:var(--steel-800)}.kit-page #kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--sp-6)}.kit-demo-paper{padding:var(--sp-4)}.kit-demo-paper.paper--clip{padding-top:44px}.kit-demo-paper.paper--tag{padding-left:56px}.kit-page .plate-body{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-start}.kit-page #k-dtable .dtable-wrap{width:100%}.kit-demo-dtable{max-height:210px}*{box-sizing:border-box}button,input,select,textarea{font-family:var(--font)}html,body{margin:0}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--steel-900);color:var(--steel-ink);font:var(--fw-medium) var(--fs-15) / 1.4 var(--font)}.cs{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-7) var(--sp-4) var(--sp-5);text-align:center}.cs-logo{width:144px;height:144px}.cs-name{margin:0;font-size:var(--fs-72);font-weight:var(--fw-black);line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--hazard);text-shadow:0 3px 0 var(--shade-90)}.cs-soon{margin:0;--tilt: -2deg}.cs-pitch{margin:0;max-width:34ch;text-wrap:balance;font-size:var(--fs-17);color:var(--text-dim)}.cs-discord{margin-top:var(--sp-3);text-decoration:none}.cs-foot{display:flex;justify-content:center;gap:var(--sp-5);padding:var(--sp-5)}.cs-foot a{font-size:var(--fs-13);color:var(--text-dim)}.cs-foot a:hover{color:var(--steel-ink)}@media(max-width:480px){.cs-logo{width:104px;height:104px}.cs-name{font-size:var(--fs-40)}}