:root{font-family:system-ui,Segoe UI,sans-serif;color:#fff1d5;background:#181521}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#42334b,transparent 65%),#181521;min-height:100vh}main{max-width:1150px;margin:auto;padding:20px 28px}button,select,input{font:inherit}button{cursor:pointer;padding:12px 18px;border-radius:14px;border:1px solid #776276;background:#302738;color:#fff1d5;min-height:44px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #87e1ce;outline-offset:3px}.primary,button[aria-pressed=true]{background:#ffd16d;color:#302334;border-color:#ffd16d;font-weight:800;box-shadow:0 4px #aa7938}header{display:flex;gap:24px;justify-content:space-between;font-size:.8rem;margin-bottom:28px}a{color:#8ee1d2;text-decoration:none}header span{color:#ad91b3}#setup{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:30px 0}h1{font-size:clamp(3rem,6vw,5rem);line-height:1.1;margin:16px 0}h1 em{color:#ffd16d;font-style:normal}.intro>p{color:#c8b5ca;line-height:1.8}#preview{height:220px}#preview svg{height:100%;width:200px}.settings{background:#2d2433;border:1px solid #67526b;border-radius:25px;padding:28px}.modes{display:flex;gap:10px}.modes button{flex:1}.modes small{display:block;font-size:.75rem;margin-top:8px}label{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}select,input{min-width:0;background:#1c1825;color:#fff1d5;border:1px solid #78617c;border-radius:8px;padding:10px}#names{display:grid;grid-template-columns:1fr 1fr;gap:8px}#names input{width:100%}.rules{font-size:.85rem;color:#cdbad0;line-height:1.8}#start{width:100%;margin-top:15px}.bar{display:flex;align-items:center;gap:18px}.bar>div{flex:1}.bar h2{margin:3px 0;overflow-wrap:anywhere}.bar p{margin:0;color:#c7afc7;font-size:.8rem}#score{font-size:1.5rem;color:#ffd16d;white-space:nowrap}#roster{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}#roster span{padding:5px 10px;font-size:.75rem;background:#372c40;border-radius:20px;overflow-wrap:anywhere}#roster .active{background:#8ee1d2;color:#182926}#scene{height:clamp(300px,48dvh,470px);position:relative;overflow:hidden;border:1px solid #6a506c;border-radius:24px;background:linear-gradient(#302e49,#51404c 68%,#282537);isolation:isolate}.moon{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffdc8918;right:15%;top:20px;box-shadow:0 0 80px #ffdc8920}.sign{position:absolute;left:7%;top:9%;color:#fbbea7;border:2px solid #dd927455;border-radius:8px;padding:10px;letter-spacing:.15em;font-size:clamp(.6rem,1.4vw,1rem);transform:rotate(-5deg)}.platform{position:absolute;top:68%;width:clamp(95px,16vw,170px);transform:translate(-50%,-30%)}.platform svg{width:100%;height:auto;display:block}#jumper{position:absolute;width:clamp(68px,10vw,105px);height:clamp(85px,12.5vw,132px);transform:translate(-50%,-100%);transform-origin:bottom center;z-index:3}#jumper>svg{width:100%;height:100%;overflow:visible}#shadow{position:absolute;top:68%;width:45px;height:13px;border-radius:50%;background:#17142170;transform:translate(-50%,-50%);z-index:2}#hint{position:absolute;bottom:15px;width:100%;text-align:center;font-size:.8rem;color:#e7d2de}#message{text-align:center;color:#ffd16d;min-height:26px}#confetti{position:absolute;top:25%;left:25%;font-size:40px;color:#ffd16d;animation:celebrate .7s ease-out}.controls{max-width:580px;margin:auto;text-align:center}.meter{height:12px;background:#443749;border-radius:12px;overflow:hidden;margin-bottom:12px}#power{height:100%;width:0;background:linear-gradient(90deg,#85dfcb,#ffd16d,#ee8b81)}#jump-control{width:100%;font-size:1.2rem;touch-action:none;user-select:none;-webkit-user-select:none;min-height:62px}#next-player{margin-top:12px}.controls p{font-size:.75rem;color:#aa92af}.overlay{position:fixed;inset:0;background:#130e20dd;z-index:10;display:grid;place-items:center;padding:20px}.dialog{max-width:470px;width:100%;max-height:calc(100dvh - 40px);overflow:auto;border:3px solid #ffd16d;background:#2e2434;border-radius:25px;text-align:center;padding:24px}.dialog h2{overflow-wrap:anywhere}.dialog p{color:#d9bfd8}.dialog button{width:100%}#fallen{height:200px}#fallen svg{height:100%;width:160px}#beer svg{width:90px;height:90px;vertical-align:middle}#beer strong{font-size:2rem;color:#ffd16d}#jumper[data-pose=fly] .wig{animation:wig .65s ease-in-out}#jumper[data-pose=fly] .slipper{animation:slipper .65s ease-in-out}#jumper[data-pose=charge]{filter:drop-shadow(0 0 10px #ffd16d55)}#jumper[data-pose=land]{animation:wobble .35s}#jumper[data-pose=fall] .wig{animation:slipper .7s forwards}@keyframes wig{50%{transform:translate(-8px,-25px) rotate(-12deg)}}@keyframes slipper{to{transform:translate(28px,38px) rotate(40deg);opacity:0}}@keyframes wobble{40%{rotate:10deg}70%{rotate:-7deg}}@keyframes celebrate{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.3)}}[hidden]{display:none!important}@media(max-width:650px){main{padding:12px}header{gap:12px;margin-bottom:18px}header span{display:none}#setup{grid-template-columns:1fr;gap:16px;padding:5px 0}.intro{text-align:center}h1{font-size:3rem}#preview{height:150px}.settings{padding:20px}.bar{gap:8px}.bar h2{font-size:1.1rem}.bar button{padding:9px}#scene{height:330px}.sign{max-width:50%}.platform{width:100px}#jumper{width:70px;height:88px}#roster{margin:10px 0}.dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.record-spin{animation:vinyl 2.5s linear infinite;transform-origin:0 0}@keyframes vinyl{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.record-spin{animation:none!important}}#scene{height:clamp(380px,60dvh,650px);background:#e9e5dd;border:0;border-radius:24px;box-shadow:0 20px 60px #0003}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%}.world-brand{position:absolute;top:20px;left:24px;color:#665f58;font-weight:850;font-size:1.05rem;pointer-events:none}.world-brand span{display:block;font-size:.6rem;letter-spacing:.25em;color:#998c7c;margin-top:5px}#hint{color:#706654;background:#fff8e9bb;padding:8px 18px;border-radius:20px;bottom:16px;width:auto;left:50%;transform:translate(-50%);white-space:nowrap}#confetti{pointer-events:none;z-index:2;top:28%;left:45%;color:#cf913c}#preview{height:175px;color:#c8b5ca;font-size:.9rem}.preview-cubes{height:120px;display:flex;gap:24px;align-items:center;justify-content:center}.preview-cubes i{display:block;width:52px;height:52px;background:#f8cb6e;box-shadow:12px 12px #b68c58;transform:rotate(-25deg) skew(10deg)}.preview-cubes i:nth-child(2){background:#8edacb;box-shadow:12px 12px #438c80;translate:0 -25px}.preview-cubes i:nth-child(3){background:#bfb4ed;box-shadow:12px 12px #7d6baf;translate:0 -50px}@media(max-width:650px){#scene{height:clamp(360px,52dvh,470px)}.world-brand{top:14px;left:16px;font-size:.85rem}#message{font-size:.85rem;margin:12px 0}.controls p{margin-bottom:4px}}#scene{touch-action:none;cursor:pointer}.controls{position:relative;z-index:4}.meter{position:relative}#power{transition:width .03s linear}.platform-marker{transition:opacity .18s ease}body.playing{overflow:hidden}body.playing main{max-width:none;padding:0}body.playing header{display:none}body.playing #play{position:fixed;inset:0;height:100dvh}body.playing #scene{position:absolute;inset:0;height:100%;width:100%;border-radius:0}body.playing .bar{position:absolute;z-index:5;top:12px;left:16px;right:16px;padding:9px 12px;background:#fff9e8d9;border-radius:14px;color:#473b31;gap:12px}body.playing .bar h2{font-size:1rem;margin:0}body.playing .bar p{font-size:.65rem;color:#766659}body.playing #score{font-size:1.2rem;color:#8d632c}body.playing .bar button{font-size:.75rem;padding:6px 10px;min-height:36px}body.playing #roster{position:absolute;z-index:5;top:77px;left:16px;right:16px;max-height:55px;overflow:auto;margin:0;pointer-events:none}body.playing #roster span{font-size:.65rem;padding:3px 7px}body.playing .world-brand{display:none}body.playing #message{position:absolute;z-index:4;bottom:100px;left:15%;right:15%;font-size:.75rem;color:#614d32;pointer-events:none;margin:0}body.playing .controls{position:absolute;z-index:5;bottom:12px;left:50%;transform:translate(-50%);width:min(470px,calc(100% - 28px));padding:8px 12px;background:#fff8e7ed;border-radius:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}body.playing .meter{width:100%;height:8px;margin:0}body.playing #jump-control{min-height:36px;font-size:.85rem;flex:1;padding:7px}body.playing #next-player{margin:0;font-size:.8rem;padding:7px;min-height:36px}body.playing .controls>p{display:none}body.playing #hint{bottom:135px;font-size:.72rem;pointer-events:none}#hazard{position:absolute;top:140px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#7f283be8;color:#fff7dd;padding:2px 12px;border-radius:20px;font-weight:700;font-size:.85rem;white-space:nowrap;pointer-events:none}#hazard svg{width:38px;height:42px}body.playing #confetti{top:35%}@media(max-width:650px){body.playing .bar{top:8px;left:8px;right:8px;padding:7px 9px}body.playing #roster{top:65px;left:8px;right:8px}body.playing #message{left:8px;right:8px;font-size:.7rem}#hazard{top:125px;font-size:.75rem}}