:root{--ink: #141210;--ink-soft: #2a2622;--ink-faint: rgba(20, 18, 16, .12);--ink-muted: rgba(20, 18, 16, .45);--paper: #f4efe6;--paper-deep: #e8e0d2;--paper-wash: rgba(244, 239, 230, .82);--void: #050505;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-display: "Special Elite", "Courier New", monospace;--font-hand: "Caveat", "Segoe Print", cursive;--touch-min: 48px;--ease-press: cubic-bezier(.2, .8, .2, 1);--ease-lift: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body.ink-body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-display);-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}.ink-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left));z-index:12}.ink-hud__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ink-counter{display:flex;flex-direction:column;gap:0;min-width:0}.ink-counter--right{text-align:right;align-items:flex-end}.ink-counter__label{font-family:var(--font-display);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);opacity:.42;line-height:1.2;margin-bottom:2px}.ink-counter__value{font-family:var(--font-hand);font-size:clamp(28px,7vw,36px);font-weight:700;line-height:.95;letter-spacing:.01em;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.55)}.ink-counter__sub{margin-top:6px;font-family:var(--font-hand);font-size:18px;font-weight:600;opacity:.42;letter-spacing:.02em;line-height:1}.ink-meter{margin-top:10px}.ink-meter--hp{width:min(168px,38vw)}.ink-meter--xp{width:100%}.ink-meter__track{height:3px;background:var(--ink-faint);border-radius:99px;overflow:hidden;position:relative}.ink-meter__track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #1412102e;pointer-events:none}.ink-meter__fill{height:100%;width:100%;background:var(--ink);transform-origin:left center;transition:transform .14s var(--ease-press);border-radius:inherit}.ink-meter--hp .ink-meter__fill{height:4px;margin-top:-.5px}.ink-meter--hp .ink-meter__track{height:4px}.ink-hud__xp{position:absolute;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translate(-50%);width:min(280px,64vw);text-align:center}.ink-hud__xp-label{font-family:var(--font-hand);font-size:16px;font-weight:600;margin-bottom:5px;opacity:.55;letter-spacing:.04em}.ink-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.ink-joystick{pointer-events:auto;position:absolute;left:calc(22px + var(--safe-left));bottom:calc(22px + var(--safe-bottom));width:140px;height:140px;min-width:var(--touch-min);min-height:var(--touch-min);border-radius:50%;border:1.5px solid rgba(20,18,16,.28);background:radial-gradient(circle at 38% 32%,#ffffff6b,#1412100d 70%);box-shadow:0 6px 18px #0000000f,inset 0 1px #ffffff73;touch-action:none;transition:opacity .2s ease}.ink-joystick__knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000038;opacity:.88}.ink-dash-btn{pointer-events:auto;position:absolute;right:calc(22px + var(--safe-right));bottom:calc(36px + var(--safe-bottom));width:76px;height:76px;min-width:var(--touch-min);min-height:var(--touch-min);border-radius:50%;border:1.5px solid var(--ink);background:#f4efe6c7;color:var(--ink);font-family:var(--font-hand);font-size:22px;font-weight:700;box-shadow:0 3px 12px #0000001a;touch-action:none;cursor:pointer;transition:transform .1s var(--ease-press),background .1s ease,color .1s ease,box-shadow .1s ease}.ink-dash-btn:active,.ink-dash-btn.is-pressed{background:var(--ink);color:var(--paper);transform:scale(.94);box-shadow:0 1px 4px #00000029}@media (hover: hover) and (pointer: fine){.ink-joystick,.ink-dash-btn{opacity:0;pointer-events:none}}.ink-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--paper-wash);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(20px + var(--safe-left));z-index:40;animation:ink-modal-in .35s var(--ease-lift) both}.ink-modal[hidden]{display:none!important}@keyframes ink-modal-in{0%{opacity:0}to{opacity:1}}.ink-modal--title{background:linear-gradient(180deg,#f4efe68c,#f4efe6c7 45%,#e8e0d2e0);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}.ink-title{width:min(420px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;animation:ink-title-rise .55s var(--ease-lift) both}@keyframes ink-title-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ink-title__eyebrow{font-family:var(--font-display);font-size:11px;letter-spacing:.32em;text-transform:uppercase;opacity:.4;margin:0 0 18px}.ink-title__name{font-family:var(--font-hand);font-weight:700;font-size:clamp(52px,14vw,72px);line-height:.95;margin:0 0 28px;letter-spacing:-.01em;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.4)}.ink-title__line{font-family:var(--font-hand);font-size:clamp(22px,5.5vw,28px);font-weight:600;margin:0;line-height:1.25;opacity:.72}.ink-title__line--soft{opacity:.48;margin-bottom:36px}.ink-title .ink-btn{margin-top:4px}.ink-panel{width:min(400px,100%);border:1.5px solid var(--ink);background:var(--paper);box-shadow:5px 7px #1412100f,0 18px 36px #0000000f;padding:32px 28px 28px;text-align:center;position:relative;animation:ink-panel-in .32s var(--ease-lift) both}@keyframes ink-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.ink-panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(20,18,16,.14);pointer-events:none}.ink-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--ink),var(--ink)) top left / 10px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) top left / 1.5px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) top right / 10px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) top right / 1.5px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom left / 10px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom left / 1.5px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom right / 10px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom right / 1.5px 10px no-repeat;opacity:.35}.ink-panel h1,.ink-panel h2{font-family:var(--font-hand);font-weight:700;margin:0 0 10px;line-height:1.05;color:var(--ink)}.ink-panel h1{font-size:clamp(40px,10vw,52px)}.ink-panel h2{font-size:clamp(34px,9vw,42px)}.ink-panel p,.ink-panel__soft{margin:0 0 22px;opacity:.55;font-size:13px;letter-spacing:.06em;line-height:1.45}.ink-panel__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.ink-lb{text-align:left;max-width:360px;margin:4px auto 18px}.ink-lb__label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.45;margin-bottom:4px;text-align:center}.ink-lb__status{font-family:var(--font-hand);font-size:18px;text-align:center;margin-bottom:8px;opacity:.75}.ink-lb__list{list-style:none;margin:0;padding:0;border:1.5px solid rgba(20,18,16,.2);background:#ffffff59;max-height:180px;overflow:auto}.ink-lb__row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:6px 10px;font-size:13px;border-bottom:1px solid rgba(20,18,16,.08);align-items:baseline}.ink-lb__row:last-child{border-bottom:none}.ink-lb__row.is-me{background:#14121012;font-weight:600}.ink-lb__rank{opacity:.5;font-variant-numeric:tabular-nums}.ink-lb__name{font-family:var(--font-hand);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ink-lb__score{font-variant-numeric:tabular-nums;opacity:.7;white-space:nowrap}.ink-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-hand);font-size:24px;font-weight:700;line-height:1;padding:14px 32px;min-height:var(--touch-min);min-width:120px;cursor:pointer;box-shadow:3px 4px #1412101f;transition:transform .1s var(--ease-press),box-shadow .1s var(--ease-press),background .12s ease,color .12s ease;touch-action:manipulation}.ink-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 6px #14121024}.ink-btn:active{transform:translate(1px,2px);box-shadow:1px 1px #1412101f}.ink-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ink-btn--ghost{background:transparent;color:var(--ink);box-shadow:2px 3px #14121014}.ink-btn--ghost:hover{background:#1412100a;box-shadow:3px 5px #1412101a}.ink-btn--ghost:active{background:#14121014}.ink-modal--draft{align-items:center}.ink-draft{width:min(720px,100%);text-align:center;animation:ink-panel-in .32s var(--ease-lift) both}.ink-draft__header{margin-bottom:18px}.ink-draft__title{font-family:var(--font-hand);font-weight:700;font-size:clamp(32px,8vw,40px);margin:0 0 6px;line-height:1.05}.ink-draft__sub{margin:0;font-size:13px;letter-spacing:.08em;opacity:.5}.ink-draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px}@media (max-width: 600px){.ink-draft-cards{grid-template-columns:1fr;max-width:340px;margin-inline:auto;gap:12px}}.ink-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1.5px solid var(--ink);background:linear-gradient(165deg,rgba(255,255,255,.35),transparent 42%),var(--paper-deep);padding:18px 16px 20px;cursor:pointer;text-align:left;min-height:132px;min-width:0;color:var(--ink);font:inherit;transform:rotate(var(--card-tilt, 0deg));box-shadow:3px 4px #14121014,0 1px #ffffff59 inset;transition:transform .16s var(--ease-lift),box-shadow .16s var(--ease-lift),background .16s ease,border-color .12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ink-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(20,18,16,.12);pointer-events:none}.ink-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ink-card__corner{position:absolute;right:10px;bottom:10px;width:14px;height:14px;border-right:1.5px solid rgba(20,18,16,.28);border-bottom:1.5px solid rgba(20,18,16,.28);pointer-events:none;opacity:.7}.ink-card:hover,.ink-card:focus-visible{background:linear-gradient(165deg,rgba(255,255,255,.5),transparent 50%),var(--paper);transform:rotate(var(--card-tilt, 0deg)) translateY(-5px) scale(1.02);box-shadow:4px 10px #1412101a,0 12px 28px #00000014;outline:none;z-index:1}.ink-card:focus-visible{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink),4px 10px #1412101a}.ink-card:active{transform:rotate(var(--card-tilt, 0deg)) translateY(-1px) scale(.99);box-shadow:2px 3px #1412101a;transition-duration:.06s}.ink-card__key{font-family:var(--font-display);font-size:10px;letter-spacing:.22em;opacity:.4;margin-bottom:4px}.ink-card__title{font-family:var(--font-hand);font-size:clamp(24px,5vw,28px);font-weight:700;line-height:1.1;margin-bottom:4px}.ink-card__desc{font-family:var(--font-display);font-size:12px;opacity:.62;line-height:1.4;letter-spacing:.02em}.ink-hint{position:absolute;bottom:calc(16px + var(--safe-bottom));left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.38;pointer-events:none;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.ink-stats-row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 28px;margin:6px 0 26px}.ink-stats-row__item{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-hand);font-size:28px;font-weight:700;line-height:1;min-width:64px}.ink-stats-row__item em{font-style:normal;font-family:var(--font-display);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;opacity:.42}.ink-grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.018;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");z-index:5}.ink-body.quality-low .ink-grain{display:none}@media (max-width: 480px){.ink-hud{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.ink-counter__value{font-size:30px}.ink-joystick{width:128px;height:128px;left:calc(16px + var(--safe-left));bottom:calc(16px + var(--safe-bottom))}.ink-dash-btn{width:72px;height:72px;right:calc(16px + var(--safe-right));bottom:calc(28px + var(--safe-bottom))}.ink-card{min-height:108px;padding:16px 14px 18px}.ink-panel{padding:28px 20px 24px}.ink-btn{font-size:22px;padding:14px 26px;width:100%;max-width:280px}.ink-panel__actions{flex-direction:column;width:100%}.ink-panel__actions .ink-btn{margin:0}}@media (max-height: 420px) and (orientation: landscape){.ink-hud__xp{bottom:calc(10px + var(--safe-bottom));width:min(220px,40vw)}.ink-joystick{width:110px;height:110px;bottom:calc(12px + var(--safe-bottom))}.ink-dash-btn{width:64px;height:64px;bottom:calc(18px + var(--safe-bottom));font-size:18px}.ink-title__name{font-size:42px;margin-bottom:14px}.ink-title__line--soft{margin-bottom:18px}}@media (prefers-reduced-motion: reduce){.ink-modal,.ink-title,.ink-panel,.ink-draft,.ink-card,.ink-btn,.ink-meter__fill,.ink-dash-btn{animation:none!important;transition:none!important}.ink-card:hover,.ink-card:focus-visible{transform:none}}