:root{color-scheme:light;--ink:#294137;--pink:#ed627e;--cream:#fffdf5;--green:#53764c;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#f7fbe9,#e6efde 65%,#dfe9d3);color:var(--ink);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ed627e;outline-offset:3px}.arcade{width:min(100%,570px);margin:auto;padding:12px 16px 6px}.game-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.game-nav h1{font-size:16px;font-weight:900;margin:0;letter-spacing:.04em}.nav-button{border:1px solid #c9d6bc;border-radius:12px;background:#fffdf8;color:#3c5846;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 2px 0 #d0ddc4}.play-area{display:flex;justify-content:center}.game-frame{position:relative;width:min(100%,390px);aspect-ratio:390/560;overflow:hidden;border-radius:23px;box-shadow:0 4px 0 #a8bd91,0 13px 35px #4c6d3920;background:#cae9ee;isolation:isolate;container-type:inline-size}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;top:18px;left:17px;right:17px;display:flex;align-items:flex-start;gap:16px;pointer-events:none}.score-box,.best-box{color:#24483a;text-shadow:0 1px 0 #fff7}.hud span,.result span{display:block;font-size:9px;font-weight:900;letter-spacing:.13em}.hud strong{display:block;font-size:30px;line-height:1.2;font-weight:950;font-variant-numeric:tabular-nums}.hud b,.result b{font-weight:inherit}.hud small,.result small{font-size:12px;margin-left:3px}.best-box strong{font-size:21px;margin-top:5px;color:#5d7757}.round-button{margin-left:auto;border:1px solid #fff9;border-radius:50%;width:34px;height:34px;background:#fff9;color:#3e5d42;font-weight:900;pointer-events:auto}.jump-meter{position:absolute;top:88px;left:17px;display:flex;align-items:center;gap:4px;pointer-events:none}.jump-meter span{width:20px;height:20px;display:grid;place-items:center;background:#fff9;color:#41855a;border-radius:7px;font-size:15px;font-weight:900;transition:opacity .12s,transform .12s}.jump-meter span.used{opacity:.25;transform:scale(.85)}.jump-meter b{font-size:10px;margin-left:4px;color:#52734a}.course-hint{position:absolute;top:130px;left:0;right:0;text-align:center;color:#42613f;font-size:12px;font-weight:850;pointer-events:none;text-shadow:0 1px #fffb}.overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:28% 20px 0;background:linear-gradient(#eaf7ec08,#eff4d813)}.overlay[hidden]{display:none}.overlay-card{width:100%;text-align:center;border:1px solid #fff9;border-radius:22px;padding:19px 18px 15px;background:#fffdf2f2;box-shadow:0 10px 28px #26452122;backdrop-filter:blur(7px)}.eyebrow{display:block;font-size:10px;font-weight:900;color:#8a7958;letter-spacing:.08em}.overlay h2{color:#ed627e;font-size:52px;line-height:1.05;font-weight:1000;letter-spacing:-.04em;margin:13px 0 12px;text-shadow:0 3px 0 #f5bd9b}.overlay h2 span{display:block;font-size:29px;color:#557949;margin-bottom:3px;text-shadow:0 2px 0 #d7e1b8}.overlay h2.result-title{font-size:29px;letter-spacing:-.02em;text-shadow:none;line-height:1.25}.overlay p{font-size:12px;line-height:1.8;margin:0 0 14px;color:#68765c}.primary-button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:47px;border:1px solid #dc526e;background:linear-gradient(#f77993,#ec617c);box-shadow:0 4px 0 #bc425d;border-radius:14px;color:white;font-size:17px;font-weight:900}.primary-button:active{transform:translateY(2px);box-shadow:0 2px 0 #bc425d}.help-button{background:none;border:0;color:#6a7d59;font-size:12px;font-weight:800;margin:15px 0 8px;padding:3px 10px}.start-hint{display:block;font-size:9px;font-weight:750;color:#9a9277}.game-toolbar{width:min(100%,390px);display:flex;align-items:center;justify-content:space-between;margin:13px auto 0;gap:6px}.toolbar-button{border:1px solid #c4d4b6;border-radius:10px;background:#f8faef;color:#5c7052;min-height:34px;min-width:42px;padding:4px 9px;font-size:12px;font-weight:850}.game-toolbar p{font-size:11px;font-weight:800;margin:0;white-space:nowrap;color:#708363}.status{min-height:14px;font-size:10px;text-align:center;margin:6px auto 0;color:#7b8b72}.result{display:flex;justify-content:center;gap:27px;margin:12px 0 18px}.result[hidden]{display:none}.result strong{font-size:31px;font-weight:900;color:#416143}.result span{font-size:8px;color:#7e8a6b}.result strong small{font-size:11px}dialog{border:1px solid #fff;border-radius:23px;width:min(360px,calc(100% - 30px));max-height:calc(100svh - 40px);padding:26px;background:#fffdf4;color:var(--ink);box-shadow:0 20px 80px #2540284a}dialog::backdrop{background:#25422e77;backdrop-filter:blur(4px)}dialog h2{font-size:27px;line-height:1.25;margin:12px 0 18px}dialog p{font-size:11px;line-height:1.8;color:#7a816b}dialog ol{padding-left:19px;font-size:12px;line-height:1.9}dialog li+li{margin-top:8px}.dialog-close{position:absolute;right:11px;top:10px;border:0;background:none;font-size:24px;color:#6a7d59}.help-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-controls>div{background:#eef3e2;border-radius:12px;padding:12px 9px}.help-controls b,.help-controls strong,.help-controls span{display:block}.help-controls b{font-size:9px;letter-spacing:.1em;color:#98a180}.help-controls strong{font-size:14px;margin:4px 0}.help-controls span{font-size:9px;color:#7b856b}.arcade:fullscreen{width:100%;height:100%;max-width:none;background:#e7efda;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.arcade:fullscreen .game-nav{width:min(100%,480px)}.arcade:fullscreen .play-area{width:100%;min-height:0;flex:0 1 auto}.arcade:fullscreen .game-frame{width:min(390px,calc((100dvh - 112px)*390/560))}.arcade:fullscreen .game-toolbar{width:min(390px,100%)}@media(max-width:360px){.arcade{padding:8px 10px 4px}.game-nav h1{font-size:14px}.nav-button{font-size:10px;padding:7px 8px}.overlay-card{padding:15px 12px 12px}.overlay h2{font-size:45px}.overlay h2 span{font-size:25px}.overlay p{font-size:11px}.primary-button{min-height:42px;font-size:15px}.start-hint{font-size:8px}.hud{top:14px;left:13px;right:13px}.jump-meter{top:77px;left:13px}.course-hint{top:112px;font-size:11px}.game-toolbar p{font-size:10px}}@media(max-height:550px) and (min-width:600px){.arcade{width:100%;padding:7px 12px}.game-nav{max-width:500px;margin:0 auto 7px}.game-frame{width:calc((100svh - 103px)*390/560);max-width:390px;border-radius:15px}.game-toolbar{margin-top:8px}.status{margin-top:3px}.overlay{padding:24% 12px 0}.overlay-card{padding:12px}.overlay h2{font-size:30px;margin:7px 0}.overlay h2 span{font-size:20px}.overlay p{font-size:9px;margin-bottom:9px}.eyebrow{font-size:8px}.primary-button{min-height:30px;font-size:12px;border-radius:9px}.help-button{font-size:9px;margin:10px 0 4px}.start-hint{font-size:7px}.hud{top:9px;left:10px;right:10px}.hud span{font-size:6px}.hud strong{font-size:20px}.best-box strong{font-size:15px;margin-top:2px}.round-button{width:26px;height:26px;font-size:10px}.jump-meter{top:54px;left:10px;transform:scale(.8);transform-origin:left top}.course-hint{top:75px;font-size:8px}.result{gap:15px;margin:7px 0 11px}.result strong{font-size:23px}.overlay h2.result-title{font-size:20px}}
.title-row{display:flex;align-items:center;justify-content:center;gap:7px}.title-pig{flex:0 0 108px;height:108px;background:url(assets/pig-atlas-3d.webp) 0 0 / 200% 200% no-repeat}.overlay[data-mode="roasted"] .title-pig{background-position:100% 100%}.overlay[data-mode="paused"] .title-pig{display:none}.overlay[data-mode="paused"] .title-row{margin:16px 0}.title-row h2.result-title{font-size:26px;max-width:180px}.overlay[data-mode="caught"] .title-row,.overlay[data-mode="roasted"] .title-row{margin:12px 0}.overlay[data-mode="caught"] .title-pig,.overlay[data-mode="roasted"] .title-pig{flex-basis:85px;height:85px}@media(max-width:360px){.title-pig{flex-basis:92px;height:92px}.title-row h2.result-title{font-size:23px}}@media(max-height:550px) and (min-width:600px){.title-pig{flex-basis:65px;height:65px}.title-row h2.result-title{font-size:17px}.overlay[data-mode="caught"] .title-pig,.overlay[data-mode="roasted"] .title-pig{flex-basis:55px;height:55px}.overlay[data-mode="caught"] .title-row,.overlay[data-mode="roasted"] .title-row{margin:6px 0}}
.overlay[data-mode="roasted"] .title-pig{background-size:234.83146% 210.05025%;background-position:100% 100%}
@media(max-height:550px) and (min-width:600px){.overlay{padding:10% 10px 0}.title-row h2.result-title{font-size:14px}.overlay-card{padding:10px}.overlay p{line-height:1.6}.help-button{margin:8px 0 3px}.result{margin:6px 0 9px}}

/* Match the portal page background; keep light game panels readable. */
html,body,.arcade:fullscreen{background:#000f3f}.game-nav h1,.game-toolbar p,.status{color:#fff}

.banana-counter{position:absolute;top:80px;right:17px;display:flex;align-items:center;gap:5px;border:1px solid #fff9;border-radius:11px;padding:5px 9px;background:#fff9;color:#775321;font-size:17px;font-weight:900;pointer-events:none}.banana-counter small{font-size:10px}.banana-counter b{font-variant-numeric:tabular-nums}
.crouch-button{position:absolute;z-index:2;right:13px;bottom:14px;width:92px;min-height:76px;border:2px solid #fff;border-radius:20px;background:linear-gradient(#4b85ab,#2b5f86);color:#fff;box-shadow:0 4px 0 #244661,0 7px 20px #203c3d30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;user-select:none;-webkit-user-select:none}.crouch-button>span{font-size:23px;font-weight:900;line-height:1}.crouch-button strong{font-size:14px}.crouch-button small{font-size:9px}.crouch-button[aria-pressed="true"]{background:#214760;transform:translateY(3px);box-shadow:0 1px 0 #244661}.crouch-button:disabled{cursor:default}.overlay{z-index:4}.hud{z-index:3}.overlay .result-bananas{color:#91651d;font-size:13px;font-weight:850;margin:-5px 0 14px}.result-bananas b{font-size:19px}.game-toolbar p{white-space:normal;text-align:center}
@media(max-width:360px){.banana-counter{top:72px;right:13px;font-size:15px;padding:4px 7px}.crouch-button{right:10px;bottom:11px;width:83px;min-height:70px}.game-toolbar p{font-size:9px}}
@media(max-height:550px) and (min-width:600px){.banana-counter{top:47px;right:9px;font-size:12px;padding:3px 5px}.banana-counter small{font-size:8px}.crouch-button{width:66px;min-height:54px;bottom:8px;right:8px;border-radius:13px}.crouch-button>span{font-size:16px}.crouch-button strong{font-size:11px}.crouch-button small{font-size:7px}.overlay .result-bananas{font-size:9px;margin:0 0 9px}.result-bananas b{font-size:13px}}
.overlay{overflow-y:auto}.overlay-card{margin-bottom:8px}
.overlay[data-mode="caught"],.overlay[data-mode="roasted"]{padding-top:3%}
@media(max-height:550px) and (min-width:600px){.overlay,.overlay[data-mode="caught"],.overlay[data-mode="roasted"]{padding:5% 10px 0}.overlay-card{padding:8px}.overlay[data-mode="caught"] .title-pig,.overlay[data-mode="roasted"] .title-pig{flex-basis:42px;height:42px}.overlay[data-mode="caught"] .title-row,.overlay[data-mode="roasted"] .title-row{margin:4px 0}.result{margin:4px 0 6px}.overlay .result-bananas{margin:0 0 6px}.help-button{margin:7px 0 3px}.start-hint{font-size:6px}}

/* Larger menu targets; compact result artwork leaves room for the help row. */
.nav-button,.help-button,.dialog-close{min-inline-size:44px;min-block-size:44px}
.round-button{inline-size:44px;block-size:44px;min-inline-size:44px;min-block-size:44px}
.overlay:is([data-mode="caught"],[data-mode="roasted"]) .title-row{margin-block:4px}
.overlay:is([data-mode="caught"],[data-mode="roasted"]) .title-pig{flex:0 0 24%;max-inline-size:68px;block-size:auto;aspect-ratio:1}
.overlay:is([data-mode="caught"],[data-mode="roasted"]) .overlay-card{margin-block-end:0}
.overlay:is([data-mode="caught"],[data-mode="roasted"]) .help-button{margin-block:4px 0}
.title-row .result-title{min-inline-size:0;text-wrap:balance}