:root{font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;color:#263c35;background:#f5f2e9;font-synthesis:none;--green:#35674c;--ink:#263c35}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 55%,#fffdf6 0%,#f5f2e9 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible{outline:4px solid #efb84c;outline-offset:4px}button:disabled{cursor:default;opacity:.43;filter:saturate(.55)}button:not(:disabled):active{transform:translateY(3px)}[hidden]{display:none!important}.app-shell{max-width:1440px;margin:auto;padding:0 44px}.topbar{height:93px;border-bottom:1px solid #deded1;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:27px;font-weight:1000;letter-spacing:3px;line-height:1}.brand-mark{background:#344f41;color:#f6f0df;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:26px;transform:rotate(-6deg);letter-spacing:0}.brand-sub{display:block;letter-spacing:1.6px;font-size:8px;margin-top:9px;font-weight:800}.coop-label{font-size:9px;letter-spacing:1.7px;color:#748176;font-weight:800;display:flex;align-items:center;gap:8px}.coop-label>span{width:6px;height:6px;border-radius:50%;background:#91a981}.topbar nav{display:flex;gap:9px}.round-button{border:1px solid #deded0;background:#fbf9f2;border-radius:50%;width:40px;height:40px;font-size:19px;font-weight:bold;color:#536b57}.intro{display:flex;align-items:center;justify-content:space-between;padding:29px 3px 26px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:2.2px;color:#a0855b}h1{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:9px 0 0;font-weight:900}.mission{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:800}.mission>span{font-size:35px;background:#eae9d9;width:60px;height:60px;display:grid;place-items:center;border-radius:20px}.mission small{display:block;font-size:10px;font-weight:400;color:#899080;margin-top:7px}.console{display:grid;grid-template-columns:166px minmax(0,1fr) 166px;border-radius:44px;box-shadow:0 18px 0 -10px #d2d1c1,0 28px 45px -20px #34473555;min-height:470px;border:7px solid #283b37;overflow:hidden;background:#283b37;gap:7px}.controller{position:relative;display:flex;align-items:center;flex-direction:column;padding:23px 14px 14px;overflow:hidden}.controller-0{background:linear-gradient(135deg,#81c5cc,#4fadb9);border-radius:32px 7px 7px 32px}.controller-1{background:linear-gradient(145deg,#ee9b86,#e27c6e);border-radius:7px 32px 32px 7px}.controller:before{content:'';position:absolute;inset:0;pointer-events:none;border:2px solid #ffffff24;border-radius:inherit}.controller-top{display:flex;justify-content:space-between;width:100%;align-items:center;font-size:8px;font-weight:900;letter-spacing:1.4px;color:#21464d}.controller-1 .controller-top{color:#713c38}.player-light{height:6px;width:6px;border-radius:50%;background:#ffffff50;box-shadow:0 0 0 3px #00000007}.active .player-light{background:#fff4bc;box-shadow:0 0 12px #fffdd3}.hud{text-align:center;width:100%;padding-top:19px}.avatar{margin:0 auto 12px;width:76px;height:76px;border-radius:23px;background:#32704d;color:#ffe3a2;font-size:48px;display:grid;place-items:center;box-shadow:0 5px 0 #234c36,0 8px 17px #26464133;position:relative}.controller-1 .avatar{background:#ba4b43;box-shadow:0 5px 0 #8c3d34,0 8px 17px #773c2b33}.ninja-face{width:56px;height:24px;border-radius:7px;background:#ffdda0;position:relative}.ninja-face:before,.ninja-face:after{content:'';position:absolute;top:8px;width:6px;height:8px;background:#243d32;border-radius:2px}.ninja-face:before{left:12px;transform:rotate(-12deg)}.ninja-face:after{right:12px;transform:rotate(12deg)}.player-name{font-size:13px;font-weight:900;margin:10px 0}.hearts{display:flex;gap:2px;justify-content:center;margin:13px 0 18px;font-size:21px;white-space:nowrap}.heart{display:inline-block;transition:transform .25s;filter:drop-shadow(0 2px 0 #00000010)}.heart.empty{opacity:.23;filter:grayscale(1)}.inventory{display:flex;justify-content:center;gap:5px;margin:6px 0 20px}.inventory-label{font-size:8px;letter-spacing:1.4px;font-weight:bold;opacity:.65}.slot{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff57;background:#183c3c14;border-radius:9px;font-size:23px}.controller-actions{width:100%;display:grid;gap:10px;margin-top:auto}.roll-button{background:#fdf9e9;color:#2f4a40;border-radius:14px;box-shadow:0 5px 0 #214d484f,0 6px 10px #214d4817;min-height:75px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;font-weight:1000;letter-spacing:1px;gap:1px}.button-icon{font-size:37px;line-height:1}.food-button,.rescue-button{background:#ffffff2e;border:1px solid #ffffff70;color:#29463d;border-radius:12px;min-height:44px;font-size:10px;font-weight:900;letter-spacing:.5px}.food-button>span{font-size:23px;vertical-align:middle;margin-right:3px}.rescue-button{background:#fff0ae;font-size:20px}.controller-grip{display:flex;gap:4px;margin-top:20px}.controller-grip i{display:block;width:3px;height:15px;border-radius:9px;background:#234b412b}.game-screen{position:relative;background:#e6ead6;overflow:hidden;border-radius:9px;display:flex;flex-direction:column;padding:17px 23px 12px;isolation:isolate}.landscape{position:absolute;inset:0;z-index:-1;opacity:.85}.landscape svg{width:100%;height:100%;object-fit:cover}.screen-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.turn-chip{background:#fdfcf0dd;border:1px solid #fff9;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:800;box-shadow:0 2px 5px #293f3210}.level-label{font-size:7px;letter-spacing:1px;font-weight:800;color:#61735d}.level-label span{background:#677d5d;color:#fff9e6;padding:3px 5px;border-radius:4px;margin-right:4px}.boss-bar{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin:13px 0 8px;min-height:36px}.boss-portrait{font-size:30px}.boss-name{font-size:7px;letter-spacing:1.2px;font-weight:900;color:#5b6c53}#boss-hearts{font-size:12px;letter-spacing:0;white-space:nowrap;margin-top:3px}.boss-goal{font-size:22px;margin-left:5px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,48px);gap:14px 16px;position:relative;margin:5px 0 8px}.tile{position:relative;background:#f7f1dfe8;border-radius:13px;border:2px solid #fbf7e9;box-shadow:0 4px 0 #9aab7e,0 6px 8px #465b3c1c;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}.tile:after{content:'';position:absolute;height:7px;width:23px;background:#f2edcf;right:-24px;top:calc(50% - 3px);z-index:-2}.tile[data-pos="5"]:after,.tile[data-pos="10"]:after,.tile[data-pos="15"]:after{width:7px;height:21px;top:100%;left:calc(50% - 3px)}.tile[data-pos="6"]:after,.tile[data-pos="7"]:after,.tile[data-pos="8"]:after,.tile[data-pos="9"]:after,.tile[data-pos="16"]:after,.tile[data-pos="17"]:after,.tile[data-pos="18"]:after,.tile[data-pos="19"]:after{left:-24px;right:auto}.tile[data-pos="20"]:after{display:none}.tile-number{position:absolute;left:6px;top:4px;font-size:9px;font-weight:900;color:#869379}.tile-icon{font-size:25px;line-height:1}.tile.food{background:#f4dfa5;border-color:#fff2c4;box-shadow:0 4px 0 #c5af70}.tile.enemy{background:#ddd9e1;border-color:#f1ecf1;box-shadow:0 4px 0 #a49cae}.tile.boss{background:#eab7a1;border-color:#ffdfbc;box-shadow:0 4px 0 #be8b6b}.tile.cleared{background:#e0e9cf;border-color:#f3f5db}.tokens{position:absolute;bottom:3px;display:flex;justify-content:center;gap:3px;z-index:3}.token{position:relative;display:grid;place-items:center;min-width:27px;height:31px;border-radius:9px 9px 7px 7px;background:#337647;border:2px solid #fff4bd;box-shadow:0 3px 2px #0004;font-size:19px;transition:transform .2s}.token.player-1{background:#c55043}.token:empty:after{content:'';width:17px;height:8px;background:linear-gradient(90deg,#fbd494 20%,#233c30 21%,#233c30 32%,#fbd494 33%,#fbd494 67%,#233c30 68%,#233c30 79%,#fbd494 80%);border-radius:3px}.token.sleeping{transform:rotate(-18deg);opacity:.7}.sleeping:after{content:'Zz';position:absolute;top:-17px;right:-8px;color:#fff;font-weight:900;font-size:12px;text-shadow:0 1px 3px #233;animation:float 2s infinite}.action-stage{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;flex:1}.dice-display{display:flex;align-items:center;justify-content:center;gap:6px}.ready-dice{font-size:42px;color:#3f674c;line-height:1}.die{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;min-width:45px;min-height:46px;padding:4px 6px;background:#fffbed;border:2px solid white;border-radius:11px;box-shadow:0 3px 0 #c4c4a7;font-size:25px;font-weight:900;color:#3e6047}.die small{font-size:11px}.pips{display:flex;flex-wrap:wrap;justify-content:center;max-width:24px;gap:3px;font-size:12px}.pip{width:4px;height:4px;background:#3d6047;border-radius:50%}.equation{font-size:18px;font-weight:900}.status{font-size:12px;font-weight:800;max-width:280px;line-height:1.5}.screen-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5d74532b;padding-top:10px;color:#66765e;font-size:8px}.screen-bottom button{background:transparent;font-size:13px;color:#61765b;padding:3px}.screen-bottom button span{font-size:9px;margin-left:3px}.legend{display:flex;align-items:center;gap:28px;margin:26px 3px 25px;color:#77806f;font-size:10px}.legend>span{display:flex;align-items:center;gap:7px}.legend i{font-size:19px;font-style:normal}.legend .little-note{margin-left:auto;font-size:9px;color:#9b9e8d}dialog{border:0;border-radius:27px;background:#fffbee;color:#2f4a3b;padding:35px;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 100px #112a3744;text-align:center}dialog::backdrop{background:#1f393777;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;width:36px;height:36px;border-radius:50%;background:#eaeada;font-size:25px;color:#486244}.dialog-art{display:block;font-size:44px;margin-top:9px}dialog h2{font-size:25px}.help-rules{text-align:left;font-size:13px;line-height:1.5}.help-rules b{display:block;font-size:21px;margin-bottom:2px}.play-again{background:#397451;color:white;font-weight:800;padding:17px 25px;border-radius:13px;margin-top:12px}.rolling{animation:shake .15s infinite}.effect-spinjitzu{animation:spinjitzu .7s ease-in-out}.active .avatar{outline:3px solid #fff3b0;outline-offset:5px}.active .roll-button:not(:disabled){box-shadow:0 5px 0 #214d484f,0 0 0 4px #fff8c535}@keyframes shake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes spinjitzu{50%{transform:rotate(360deg) scale(1.25);box-shadow:0 0 25px 10px #e6f8a8}100%{transform:rotate(720deg)}}@keyframes float{50%{transform:translateY(-5px);opacity:.5}}
@media(min-width:1450px){.intro{padding-top:38px;padding-bottom:34px}.console{min-height:540px}.board{grid-template-rows:repeat(4,58px);gap:19px 20px}.game-screen{padding:21px 30px}.controller{padding:29px 18px 20px}.console{grid-template-columns:180px minmax(0,1fr) 180px}.hud{padding-top:29px}.avatar{width:86px;height:86px}.controller-actions{gap:14px}}
@media(max-width:1100px){.app-shell{padding:0 24px}.console{grid-template-columns:140px minmax(0,1fr) 140px}.controller{padding:20px 10px 13px}.game-screen{padding:15px 15px 10px}.board{gap:13px}.hearts{font-size:18px}.slot{width:30px;height:30px}.legend{gap:18px}.legend .little-note{display:none}.status{font-size:11px}.coop-label{display:none}.level-label{font-size:6px}}
@media(max-width:760px){.app-shell{padding:0 14px}.topbar{height:74px}.brand{font-size:22px}.brand-mark{width:38px;height:38px}.brand-sub{font-size:6px}.intro{padding:21px 2px}.intro h1{font-size:27px}.mission{font-size:11px;gap:8px}.mission>span{width:43px;height:43px;font-size:28px}.mission small{display:none}.eyebrow{font-size:7px}.console{grid-template-columns:1fr 1fr;gap:6px;border-radius:29px;border-width:5px}.game-screen{grid-column:1/-1;grid-row:1;min-height:425px;border-radius:19px 19px 5px 5px;padding:14px 21px 9px}.controller{min-height:210px;padding:14px 13px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:start}.controller-0{border-radius:5px 5px 5px 20px}.controller-1{border-radius:5px 5px 20px 5px}.controller-top{grid-column:1/-1;font-size:7px;margin-bottom:10px}.hud{padding-top:0}.avatar{width:50px;height:50px;font-size:32px;border-radius:15px;margin-bottom:10px}.ninja-face{width:36px;height:18px}.ninja-face:before{left:7px;top:6px;height:6px;width:4px}.ninja-face:after{right:7px;top:6px;height:6px;width:4px}.player-name{font-size:10px;margin:8px 0}.hearts{gap:0;font-size:13px;margin:8px 0}.inventory{gap:3px;margin:6px 0 0}.inventory-label{font-size:6px}.slot{width:23px;height:25px;border-radius:6px;font-size:18px}.controller-actions{margin:0;align-self:center;gap:8px}.roll-button{min-height:65px;font-size:8px;border-radius:11px}.button-icon{font-size:31px}.food-button{font-size:8px;min-height:38px}.food-button>span{font-size:21px}.controller-grip{display:none}.legend{font-size:8px;justify-content:center;gap:16px;margin:18px 0}.legend i{font-size:16px}.board{grid-template-rows:repeat(4,48px);gap:14px 18px}.boss-bar{margin:10px 0 8px}.status{font-size:11px}.level-label{font-size:7px}.action-stage{min-height:62px}.rescue-button{font-size:15px;min-height:34px}}
@media(max-width:420px){.mission{display:none}.intro h1 br{display:none}.intro h1{font-size:25px}.intro{padding:19px 0}.board{gap:14px 12px}.game-screen{padding-left:12px;padding-right:12px}.controller{column-gap:7px;padding:12px 8px}.slot{width:20px;height:23px}.hearts{font-size:12px}.level-label{font-size:6px}.turn-chip{font-size:9px}.legend{gap:10px;font-size:7px}.legend i{font-size:15px}.tile-number{font-size:8px;left:4px}.tile-icon{font-size:22px}.token{min-width:23px;height:28px;font-size:17px}.dice-display{gap:3px}.die{min-width:36px;min-height:42px}.status{font-size:10px}.action-stage{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared render components. */
.ninja-eyes{font-size:0}.token .ninja-face{display:block;width:19px;height:10px;border-radius:3px}.token .ninja-face:before,.token .ninja-face:after{top:3px;width:3px;height:4px;border-radius:1px}.token .ninja-face:before{left:4px}.token .ninja-face:after{right:4px}.zzz{position:absolute;right:-8px;top:-8px;color:#fff8cf;font-size:15px;font-weight:900;text-shadow:0 1px 3px #213a2c;animation:float 2s infinite}.hearts,.boss-bar .heart{color:#c94f4b}.inventory{align-items:center;gap:4px}.inventory>span:first-child{font-size:16px}.slot{flex-shrink:1;min-width:0}.roll-button>span{font-size:34px;line-height:1.1}.roll-button small{font-size:9px;letter-spacing:1px}.food-button small{font-size:9px}.die{flex-direction:row;gap:6px}.dice-face{font-size:27px;line-height:1}.dice-idle{display:flex;align-items:center;gap:8px;font-size:31px}.dice-idle span{font-size:12px;font-weight:bold;color:#607557}.tile.occupied .tile-icon{opacity:.4;transform:translate(12px,-5px) scale(.75)}
@media(max-width:760px){.inventory{gap:2px}.inventory>span:first-child{font-size:12px}.slot{width:21px}.roll-button>span{font-size:29px}.roll-button small,.food-button small{font-size:8px}.dice-face{font-size:23px}.die{gap:3px}.die b{font-size:22px}}
.effect-spinjitzu{animation:none}.effect-spinjitzu .occupied .tokens{animation:spinjitzu .7s ease-in-out}.effect-spinjitzu .occupied{box-shadow:0 0 22px 7px #e6f8a8}.tile[data-pos="1"]{background:#c9dfb7;border-color:#edf5d6}.tile[data-pos="1"] .tile-number{color:#456745}
@media(prefers-reduced-motion:reduce){.effect-spinjitzu .occupied .tokens{animation:none}}

.pips{display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:3px}.pip{border-radius:50%;background:transparent}.pip.lit{background:#263c35}@media(max-width:700px){.hearts{font-size:18px!important}.controller .heart{font-size:18px!important}}