:root{--yellow: #ffc567;--pink: #fb7da8;--red: #fd5a46;--purple: #552cb7;--green: #00995e;--blue: #058cd7;--ink: #1c1030;--cream: #ffe1b5;--display: "Righteous", system-ui, sans-serif;--body: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);min-height:100vh}button,select{font-family:inherit}.app{position:relative;min-height:100vh;overflow-x:hidden}.app__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 16px 56px}.brand{text-align:center;margin:4px 0}.brand__title{margin:0;font-family:var(--display);font-size:clamp(52px,13vw,104px);letter-spacing:3px;color:var(--yellow);text-shadow:4px 4px 0 var(--red),9px 9px 0 var(--purple)}.brand__tag{margin:10px 0 0;font-weight:600;font-size:16px;color:var(--ink)}.press{border:none;background:transparent;padding:0;cursor:pointer}.press__face{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border:3px solid var(--ink);border-radius:16px;font-weight:700;font-size:18px;color:var(--ink);background:var(--yellow);box-shadow:0 6px 0 0 var(--ink);transition:transform 70ms ease,box-shadow 70ms ease;-webkit-user-select:none;user-select:none}.press:active .press__face{transform:translateY(6px);box-shadow:0 0 0 0 var(--ink)}.press--lg .press__face{padding:17px 34px;font-size:22px;border-radius:20px;box-shadow:0 8px 0 0 var(--ink)}.press--lg:active .press__face{transform:translateY(8px);box-shadow:0 0 0 0 var(--ink)}.press--yellow .press__face{background:var(--yellow)}.press--pink .press__face{background:var(--pink)}.press--red .press__face{background:var(--red);color:#fff}.press--purple .press__face{background:var(--purple);color:#fff}.press--green .press__face{background:var(--green);color:#fff}.press--blue .press__face{background:var(--blue);color:#fff}.screen{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.home{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;width:100%;max-width:1000px;align-items:start}@media (max-width: 780px){.home{grid-template-columns:1fr}}.home__main{display:flex;flex-direction:column;gap:16px}.userbar{display:flex;align-items:center;gap:12px;background:#fff6e9f0;border:3px solid var(--ink);border-radius:16px;padding:10px 16px;box-shadow:0 6px 0 0 var(--ink)}.userbar__label{font-weight:700}.userbar__select{flex:1;font-weight:700;font-size:18px;background:var(--pink);border:3px solid var(--ink);border-radius:12px;padding:6px 10px;cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border:3px solid var(--ink);border-radius:18px;box-shadow:0 7px 0 0 var(--ink)}.stat--ink{background:var(--blue);color:#fff}.stat--height{background:var(--yellow)}.stat__label{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600;opacity:.9}.stat__value{font-family:var(--display);font-size:44px;line-height:1}.stat__value small{font-size:20px;margin-left:2px}.boxcard{display:flex;align-items:center;gap:24px;background:#fff6e9f0;border:3px solid var(--ink);border-radius:22px;padding:20px;box-shadow:0 8px 0 0 var(--ink)}.boxcard__info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.boxcard__hint{margin:0;font-weight:600}.box3d{position:relative;width:130px;height:120px;flex:none;filter:drop-shadow(0 10px 0 rgba(28,16,48,.3))}.box3d__lid{position:absolute;top:0;left:-6px;width:142px;height:34px;background:var(--pink);border:3px solid var(--ink);border-radius:10px;transform-origin:left bottom}.box3d__body{position:absolute;top:28px;left:0;width:130px;height:92px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border:3px solid var(--ink);border-radius:12px;font-family:var(--display);font-size:26px;letter-spacing:2px}.box3d.is-opening .box3d__lid{animation:lidpop .7s ease}.box3d.is-opening{animation:boxbounce .7s ease}@keyframes lidpop{0%{transform:none}25%{transform:rotate(-26deg) translateY(-10px)}60%{transform:rotate(8deg)}to{transform:none}}@keyframes boxbounce{0%{transform:none}20%{transform:translateY(-14px) scale(1.05)}60%{transform:translateY(0) scale(.98)}to{transform:none}}.build-btn{display:block;width:100%}.build-btn .press__face{width:100%}.board{background:#fff6e9f0;border:3px solid var(--ink);border-radius:20px;padding:16px;box-shadow:0 8px 0 0 var(--ink)}.board__title{margin:0 0 12px;font-family:var(--display);font-size:22px;letter-spacing:1px}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.board__row{display:grid;grid-template-columns:22px 16px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:12px}.board__row.is-active{background:var(--yellow)}.board__rank{font-family:var(--display)}.board__bar{width:14px;height:30px;display:flex;align-items:flex-end;overflow:hidden;background:#1c10301f;border-radius:6px}.board__fill{width:100%;height:var(--h, 8%);background:var(--purple);border-radius:6px}.board__name{font-weight:600}.board__height{font-weight:700;font-variant-numeric:tabular-nums}.board__empty{color:#1c103080;padding:8px}.board__row.is-clickable{cursor:pointer}.board__row.is-clickable:hover{background:#1c103014}.board__row.is-active.is-clickable:hover{background:var(--yellow)}.map{display:flex;flex-direction:column;gap:12px;width:min(560px,96vw)}.map__bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.map__stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chip{background:var(--cream);border:3px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px}.chip--ink{background:var(--blue);color:#fff}.chip--height{background:var(--yellow)}.chip--cost{background:var(--pink)}.chip--cost.is-over{background:var(--red);color:#fff}.map__body{display:flex;gap:12px;align-items:stretch}.map__stage{position:relative;flex:1;min-width:0;height:calc(100vh - 150px);min-height:420px;border:4px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 8px 0 0 var(--ink)}.mapcanvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.mapcanvas.is-disabled{cursor:not-allowed}.inkbar{flex:none;width:22px;display:flex;align-items:flex-end;overflow:hidden;background:#fff6e98c;border:3px solid var(--ink);border-radius:14px;box-shadow:0 8px 0 0 var(--ink)}.inkbar__fill{width:100%;background:var(--blue);transition:height 70ms linear}.inkbar__fill.is-low{background:var(--red)}.toast{position:fixed;left:50%;bottom:28px;z-index:20;padding:12px 22px;border:3px solid var(--ink);border-radius:16px;font-weight:700;font-size:18px;box-shadow:0 6px 0 0 var(--ink);animation:toastin .24s ease}.toast--gain{background:var(--green);color:#fff}.toast--error{background:var(--red);color:#fff}.toast--info{background:var(--yellow)}@keyframes toastin{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.conn{position:fixed;top:14px;right:16px;z-index:20;padding:6px 14px;border:3px solid var(--ink);border-radius:999px;background:var(--red);color:#fff;font-weight:700}.replay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:#1c1030eb}.replay__bars{display:flex;gap:4px;width:min(560px,94vw)}.replay__seg{flex:1;height:4px;border-radius:2px;background:#ffffff47}.replay__seg.is-on{background:#fff}.replay__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:min(560px,94vw);color:#fff;font-weight:700}.replay__who{font-family:var(--display);letter-spacing:1px;font-size:20px}.replay__meta{font-variant-numeric:tabular-nums}.replay__close{position:absolute;top:12px;right:16px;z-index:2;width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.replay__stage{position:relative;flex:1;width:min(560px,94vw);min-height:0;border:4px solid var(--ink);border-radius:22px;overflow:hidden;background:#1e8fcf;box-shadow:0 8px 0 0 var(--ink);cursor:pointer;touch-action:manipulation}.replay__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.replay__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.replay__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:68px;border:3px solid var(--ink);border-radius:16px;background:#ffffffe6;color:var(--ink);font-size:32px;line-height:1;cursor:pointer}.replay__nav:disabled{opacity:.3;cursor:default}.replay__nav--prev{left:10px}.replay__nav--next{right:10px}