.experiences{background:var(--lilac);border-block:var(--line)}
.chapter-index{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.chapter-index a{background:var(--paper)}
.chapter{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;background:var(--paper);border:var(--line);box-shadow:6px 6px 0 var(--ink);padding:30px;margin-top:25px;scroll-margin-top:25px}.chapter-story{max-width:80ch;min-width:0}
.chapter-story h3{font-size:clamp(35px,4vw,54px);margin:22px 0}.chapter-story p{line-height:1.75}.chapter-story h4{margin:25px 0 10px}.chapter-story ul{padding-left:20px;line-height:1.9}
.chapter-play{min-width:0;align-self:start;border:var(--line);background:var(--cream)}.chapter-play summary{cursor:pointer;padding:20px;font-weight:800}.chapter-play summary span{float:right}.game-content{padding:0 20px 20px}.game-instructions{font-size:14px;line-height:1.6}.game-disclaimer{font-size:10px;line-height:1.6;color:var(--muted)}
.game-board{border:var(--line);background:var(--paper);min-height:190px;padding:18px;position:relative;overflow:hidden}.game-board:empty::before{content:'Un piccolo esperimento, nessuna installazione.';display:block;font-family:monospace;line-height:1.8;margin-top:40px;color:var(--muted)}.game-board h4{margin:0 0 15px}.game-board p{font-size:14px;line-height:1.6}.game-stats{display:flex;justify-content:space-between;gap:10px;font-family:monospace;font-size:12px;margin-top:14px}.game-feedback{min-height:55px;font-size:14px;line-height:1.5}.game-controls,.game-options{display:flex;gap:10px;flex-wrap:wrap}.game-options button{background:var(--paper);border:var(--line);padding:12px;min-height:44px;font-weight:700}.game-options button:hover{background:var(--acid)}.game-options button:disabled{opacity:.5;cursor:default}.game-controls button{font-size:11px;padding:12px 17px}.game-controls [hidden]{display:none}
.game-track{position:relative;height:115px;margin:10px 0 18px;border-bottom:4px solid var(--ink);background:repeating-linear-gradient(90deg,transparent 0 34px,#ddd 34px 36px);overflow:hidden}.scanner-zone{position:absolute;left:45%;width:25%;height:100%;background:var(--acid);border-inline:2px dashed var(--ink);text-align:center;padding-top:6px;font-size:10px;font-family:monospace}.game-product{position:absolute;bottom:15px;width:56px;text-align:center;font-size:31px;line-height:1.2;transform:translateX(-50%)}.game-product span{display:block;font-size:10px;font-family:monospace;white-space:nowrap}.game-runner{position:absolute;bottom:0;left:15%;font-family:monospace;font-weight:800;font-size:28px}.game-bug{position:absolute;bottom:0;font-size:30px;transform:translateX(-50%)}.game-board[data-paused=true]{opacity:.65}.lesson-path{font-size:12px;line-height:1.7}.game-result{font-family:'Archivo Black',sans-serif;font-size:26px!important}
@media(max-width:900px){.chapter{grid-template-columns:1fr;gap:20px}.chapter-story h3{font-size:45px}}
@media(max-width:460px){.chapter{padding:20px}.game-content{padding:0 12px 15px}.chapter-story h3{font-size:36px}.game-board{padding:12px}.game-options button{font-size:12px}}
.game-start{display:block;width:100%;margin:20px 0;border:3px solid var(--ink);background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--ink);padding:20px 14px;font-family:'Archivo Black',monospace;font-size:28px;letter-spacing:.08em;cursor:pointer}.game-start:hover{background:var(--orange)}.game-start:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.game-start.is-playing{font-size:14px;padding:12px;background:var(--paper)}
.pixel-marco{position:relative;width:64px;height:96px;margin:0 auto 18px;image-rendering:pixelated}.pixel-marco img{display:block;width:100%;height:100%}.pixel-arm{position:absolute;left:6%;top:54%;width:12px;height:28px;background:linear-gradient(#d9363e 0 35%,#eeb98e 35%);transform-origin:top center;transform:rotate(0deg);transition:transform .08s steps(2)}
.checkout-scene{height:235px;background:linear-gradient(#dfe9d2 0 64%,#809685 64%);border:0}.checkout-scene::before{content:'MINI MARKET';position:absolute;left:12px;top:12px;font:bold 12px monospace;letter-spacing:2px;border:2px solid var(--ink);padding:8px;background:#fff5d8}.checkout-scene .cashier{position:absolute;left:59%;bottom:54px;margin:0;transform:translateX(-50%);width:80px;height:120px}.checkout-counter{position:absolute;bottom:0;height:54px;width:100%;background:repeating-linear-gradient(90deg,#2f3a3a 0 30px,#657271 30px 34px);border-top:8px solid #171815;border-bottom:10px solid #a16b50}.checkout-scene .scanner-zone{bottom:8px;height:56px;padding-top:1px;background:#ddff457d;z-index:1}.checkout-register{position:absolute;right:7%;bottom:54px;width:45px;height:36px;background:#343f4c;border:5px solid #191b24;box-shadow:0 9px 0 -2px #191b24}.checkout-register::after{content:'€';display:block;text-align:center;color:var(--acid);font:bold 20px monospace}.checkout-scene .game-product{z-index:2;bottom:26px;width:40px}.game-product svg{display:block;width:36px;height:36px;margin:auto;image-rendering:pixelated}.game-product span{background:#fff5d8;border:1px solid var(--ink);padding:2px;font-size:9px}.cashier.is-scanning .pixel-arm{transform:rotate(80deg)}.scan-success .scanner-zone{background:var(--acid);box-shadow:inset 0 0 0 3px #447640}.scan-success .game-product{transform:translate(-50%,-18px)}
.pixel-marco.game-runner{position:absolute;left:15%;bottom:0;width:32px;height:48px;margin:0;transform:translateX(-50%)}.game-runner .pixel-arm{width:6px;height:14px}.game-options button{touch-action:manipulation}.game-board[data-paused=true] *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.pixel-arm{transition:none}.game-start:active{transform:none}}
.cashier.is-scanning .pixel-arm{transform:rotate(45deg)}.scan-success .game-product{transform:translate(-50%,-45px)}.game-bug svg{display:block;width:32px;height:32px;image-rendering:pixelated}
.pixel-outfit{position:absolute;left:19%;top:50%;width:62%;height:29%;background:#d9363e;box-shadow:inset 8px 0 #ffffff20}.outfit-runner .pixel-outfit{background:#2672d4}.outfit-runner .pixel-arm{background:linear-gradient(#2672d4 0 35%,#eeb98e 35%)}.outfit-teaching .pixel-outfit{background:linear-gradient(90deg,#4b3d32 0 35%,#fff4de 35% 65%,#4b3d32 65%)}.outfit-teaching .pixel-outfit::after{content:'';position:absolute;left:45%;top:10%;height:65%;width:12%;background:#794a37}.outfit-teaching .pixel-arm{background:linear-gradient(#4b3d32 0 70%,#eeb98e 70%)}.pixel-glasses{position:absolute;left:25%;top:24%;width:50%;height:10%;background:linear-gradient(90deg,#171815 0 12%,transparent 12% 38%,#171815 38% 62%,transparent 62% 88%,#171815 88%);border-block:3px solid #171815}.outfit-security .pixel-outfit{background:#292d38;border-top:5px solid #586170}.outfit-security .pixel-arm{background:linear-gradient(#292d38 0 60%,#eeb98e 60%)}.outfit-payments .pixel-outfit{background:#f4f0e3;border-left:8px solid #596c94;border-right:8px solid #596c94}.outfit-payments .pixel-arm{background:linear-gradient(#596c94 0 60%,#eeb98e 60%)}
.pixel-classroom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#dfe9d2;border:3px solid #293b30;padding:16px}.pixel-student{position:relative;height:100px;border:0;background:transparent;cursor:pointer;min-width:44px}.student-head{position:absolute;width:24px;height:24px;left:calc(50% - 12px);top:12px;background:#eeb98e;border-top:8px solid #513a27}.student-body{position:absolute;top:36px;left:calc(50% - 16px);height:25px;width:32px;background:#7485b0}.student-desk{position:absolute;left:5%;width:90%;top:61px;height:24px;background:#b48251;border:3px solid #684b30}.student-desk::after{content:'';position:absolute;left:35%;top:-9px;width:22px;height:14px;background:#fff}.student-number{position:absolute;bottom:0;left:0;width:100%;font:11px monospace}.is-cheating .student-head{transform:translateX(9px);border-right:5px solid #513a27}.is-cheating .student-desk::after{background:#ffdb50;transform:rotate(-15deg)}.is-cheating::after{content:'→';position:absolute;top:20px;right:0;font:bold 24px monospace;color:#9b331f}.pixel-student:focus-visible{outline:3px solid #191b24}
.scooter-scene{height:240px;background:linear-gradient(#d8d9f2 0 75%,#555767 75%);border-bottom:8px solid #191b24}.pixel-marco.game-runner{bottom:36px;width:56px;height:84px}.game-runner .pixel-arm{width:10px;height:24px;transform:rotate(-65deg)}.pixel-scooter{position:absolute;left:-10%;bottom:-14px;width:150%;height:8px;background:#22a7ab;border-bottom:4px solid #191b24}.pixel-scooter::before{content:'';position:absolute;right:10px;bottom:4px;width:6px;height:48px;background:#191b24;box-shadow:-7px -42px #191b24}.pixel-scooter::after{content:'';position:absolute;left:10px;top:4px;width:12px;height:12px;background:#191b24;box-shadow:48px 0 #191b24}.pixel-blaster{position:absolute;left:80%;top:55%;width:28px;height:10px;background:#323a50;border-right:6px solid #ddff45}.scooter-scene .game-bug{bottom:82px;width:66px;text-align:center}.game-bug span{display:block;background:#191b24;color:#fff;padding:4px 2px;font:bold 9px monospace;white-space:nowrap}.pixel-shot{position:absolute;bottom:86px;background:var(--acid);border:2px solid #191b24;font:bold 12px monospace;padding:2px;transform:translateX(-50%)}
.pixel-marco{--sleeve:#d9363e}.outfit-teaching{--sleeve:#4b3d32}.outfit-runner{--sleeve:#2672d4}.outfit-security{--sleeve:#292d38}.outfit-payments{--sleeve:#596c94}.pixel-marco::before,.pixel-marco::after{content:'';position:absolute;top:54%;height:13%;width:13%;background:var(--sleeve)}.pixel-marco::before{left:6%}.pixel-marco::after{right:6%}.pixel-arm{z-index:1}.pixel-blaster{z-index:2}
.pixel-speech{position:relative;background:#fff;border:3px solid var(--ink);padding:12px;font:13px monospace;line-height:1.5;min-height:48px}.pixel-speech::after{content:'';position:absolute;bottom:-10px;left:25px;width:12px;height:12px;background:#fff;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.checkout-queue{position:absolute;left:5%;bottom:54px;display:flex;gap:12px}.checkout-queue .pixel-marco{width:48px;height:72px;margin:0}.outfit-customer .pixel-outfit{background:#935ab5}.outfit-customer{--sleeve:#935ab5}.checkout-queue .pixel-marco:nth-child(2){filter:hue-rotate(40deg)}.checkout-queue .pixel-arm{width:9px;height:21px}.checkout-scene::before{top:8px;font-size:9px;padding:5px}
.game-ended .pixel-marco{animation:pixel-sigh 1s steps(3) 3}.game-ended .checkout-queue .pixel-marco{animation:pixel-exit 2s steps(8) forwards}.game-ended .pixel-student{animation:pixel-celebrate .5s steps(2) 4}.game-ended.game-won .pixel-marco{animation:pixel-celebrate .5s steps(2) 4}.game-ended.game-won .pixel-student{animation:pixel-sigh 1s steps(3) 3}.game-ended .pixel-student:disabled{opacity:1}.game-ended .game-result{margin-bottom:0}
@keyframes pixel-sigh{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 5px;rotate:-5deg}}@keyframes pixel-exit{to{translate:-150px 0;opacity:0}}@keyframes pixel-celebrate{50%{translate:0 -8px}}
.invaders-scene{height:360px;background:#1c2035;border:3px solid #111426}.invaders-scene .game-runner{left:50%;bottom:23px;width:40px;height:60px}.invaders-scene .pixel-arm{width:7px;height:18px}.invaders-scene .pixel-blaster{left:50%;top:20%;width:8px;height:24px;border-right:0;border-top:5px solid var(--acid)}.invaders-scene .pixel-scooter::before{height:28px;box-shadow:none}.invaders-scene .pixel-scooter::after{width:9px;height:9px;box-shadow:33px 0 #191b24}.invader{position:absolute;width:54px;transform:translate(-50%,-50%);text-align:center}.invader svg{display:block;width:28px;height:28px;margin:auto}.invader span{display:block;font:8px monospace;background:#414666;color:#fff;padding:2px;white-space:nowrap}.invader-shot{position:absolute;transform:translate(-50%,-50%);font:bold 10px monospace;color:var(--acid);background:#394550;padding:3px}.invaders-scene+.game-options{justify-content:space-between}.invaders-scene+.game-options button{font-size:12px;padding:10px}
.cipher-prompt{background:#171f21;color:var(--acid);border:3px solid var(--ink);padding:20px;font:18px monospace!important;overflow-wrap:anywhere}.cipher-form{display:grid;gap:12px}.cipher-form label{font-size:13px}.cipher-form input{display:block;width:100%;margin-top:8px;min-height:44px;border:3px solid var(--ink);padding:10px;font:18px monospace}.cipher-form button,.offer-card button{min-height:44px;border:3px solid var(--ink);padding:10px;background:var(--acid);font-weight:700;cursor:pointer}.threat-meter{font:12px monospace;color:#a33324;margin:15px 0}.offer-filter{display:flex;align-items:center;gap:8px;font-size:13px;margin:18px 0}.offer-filter input{width:22px;height:22px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.offer-card{border:2px solid var(--ink);padding:12px;background:#fff}.offer-card[hidden]{display:none}.offer-card p{font-size:12px}.offer-card button{width:100%;font-size:12px}.outfit-payments{--sleeve:#ee872b}.outfit-payments .pixel-outfit{background:#ee872b;border:0}.outfit-payments .pixel-arm{background:linear-gradient(#ee872b 0 35%,#eeb98e 35%)}
@media(max-width:460px){.offer-grid{grid-template-columns:1fr}.invader{width:48px}.invader span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.game-ended .pixel-marco,.game-ended .pixel-student{animation:none}}
.checkout-queue .pixel-marco:nth-child(2){filter:none;--sleeve:#49876d}.checkout-queue .pixel-marco:nth-child(2) .pixel-outfit{background:#49876d}.checkout-queue .pixel-arm{background:linear-gradient(var(--sleeve) 0 35%,#eeb98e 35%)}
.pixel-glasses{left:22%;top:23%;width:56%;height:13%;border:0;background:linear-gradient(#191b24,#191b24) center 45%/100% 2px no-repeat}.pixel-glasses::before,.pixel-glasses::after{content:'';position:absolute;top:0;width:42%;height:100%;border:2px solid #191b24;background:#d8edf033;box-sizing:border-box}.pixel-glasses::before{left:0}.pixel-glasses::after{right:0}
.invaders-scene{height:clamp(300px,34vw,420px);background:linear-gradient(#1c2035 0 90%,#353b52 90%);border-bottom:5px solid #111426}.invaders-scene .game-runner{width:56px;height:84px;bottom:30px}.invaders-scene .pixel-arm{width:10px;height:24px;transform:rotate(-55deg)}.pixel-scooter{left:-23%;bottom:-20px;width:96px;height:72px;background:url('/images/pixel-scooter.svg') center/contain no-repeat;border:0}.pixel-scooter::before,.pixel-scooter::after{display:none}.invaders-scene .pixel-blaster{left:38%;top:38%;width:10px;height:24px;background:#677487;border-top:5px solid var(--acid)}
.invader-controls{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px}.invader-controls button{min-width:0;min-height:60px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.invader-controls button:nth-child(2){background:var(--acid)}.invader-controls button:active{background:var(--orange)}.game-touch-hint{font-size:13px;line-height:1.6}.game-options button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.game-stats{flex-wrap:wrap}.offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.chapter{padding:12px;gap:16px}.chapter-play summary{padding:14px}.game-content{padding:0 8px 12px}.game-board{padding:8px}.invader-controls{gap:6px}.invader-controls button{padding:10px 4px;font-size:11px}.invaders-scene .game-runner{width:48px;height:72px}.invaders-scene .pixel-scooter{width:82px;height:62px;bottom:-18px}.invaders-scene .pixel-arm{width:8px;height:20px}.pixel-classroom{padding:8px;gap:8px}.offer-grid{grid-template-columns:1fr}}
.chapter{display:block;padding:0}.chapter-story{padding:24px 30px;max-width:none}.chapter-play{width:100%;border-inline:0;border-bottom:0}.game-content{padding:0 0 16px}.game-instructions,.game-disclaimer,.game-touch-hint,.game-stats,.game-feedback,.game-controls{margin-inline:20px}.game-start{width:calc(100% - 40px);margin-inline:20px}.game-board{width:100%;border-inline:0}.chapter-play[data-experience-game=runner] .game-board,.chapter-play[data-experience-game=checkout] .game-board{padding:0}.game-track{margin-top:0}.game-options{margin:12px}.chapter-play[data-experience-game=teaching] .outfit-teaching{width:96px;height:144px}.pixel-glasses{left:19%;top:22%;width:62%;height:16%;background:url('/images/pixel-glasses.svg') center/contain no-repeat;z-index:2}.pixel-glasses::before,.pixel-glasses::after{display:none}.pixel-scooter{background-image:url('/images/pixel-scooter.svg?v=2')}
.invaders-scene{touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.invaders-scene .game-runner{width:64px;height:96px;bottom:28px}.invaders-scene .pixel-scooter{width:112px;height:84px;left:-28%;bottom:-22px}.invaders-scene .pixel-arm{width:11px;height:26px}.invaders-scene .pixel-blaster{left:30%}.invader-controls{margin:12px}
@media(min-width:800px){.pixel-classroom{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:460px){.chapter-story{padding:18px 14px}.game-instructions,.game-disclaimer,.game-touch-hint,.game-stats,.game-feedback,.game-controls{margin-inline:12px}.game-start{width:calc(100% - 24px);margin-inline:12px}.game-options{margin:10px}.invaders-scene .game-runner{width:56px;height:84px}.invaders-scene .pixel-scooter{width:98px;height:74px;bottom:-20px}}
.invader-kind-1 span{background:#833b47}.invader-kind-2 span{background:#305580}.invader-kind-3 span{background:#875331}.invader-kind-4 span{background:#6c622b}.invader-kind-5 span{background:#665080}
.chapter-play[data-experience-game=payments] .game-board{padding:0}.flappy-scene{height:clamp(340px,34vw,440px);background:linear-gradient(#c1e5ef 0 85%,#d9e8c2 85%);border-bottom:5px solid var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.flappy-scene::before{content:'€';position:absolute;left:60%;top:12%;font:bold 90px monospace;color:#ffffff60}.offer-flyer{position:absolute;left:23%;width:40px;height:60px;margin:0;transform:translate(-50%,-50%);z-index:2}.offer-flyer .pixel-arm{width:7px;height:18px}.flyer-wing{position:absolute;left:-12px;top:50%;width:20px;height:12px;background:#fff4da;border:3px solid #b77733;box-shadow:4px 4px #fff4da;transform:rotate(-15deg)}.offer-gate{position:absolute;top:0;height:100%;width:15%;min-width:0}.expensive-offer{position:absolute;left:0;width:100%;border:3px solid var(--ink);background:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:4px;text-align:center;overflow:hidden}.offer-upper{top:0;border-bottom-width:8px}.offer-lower{bottom:0;border-top-width:8px;background:var(--lilac)}.expensive-offer span{font:bold 11px monospace;overflow-wrap:anywhere}.expensive-offer strong{font:bold 22px monospace}.flappy-prompt{position:absolute;top:36%;left:5%;padding:10px;background:var(--paper);border:3px solid var(--ink);font:bold 12px monospace;z-index:3}.chapter-play[data-experience-game=payments] .game-options button{width:100%;min-height:56px;background:var(--acid)}
@media(max-width:460px){.expensive-offer span{font-size:8px}.expensive-offer strong{font-size:13px}.expensive-offer{padding:2px;gap:6px}.flappy-scene{height:360px}}
.flappy-scene::before{content:none}
.chapter-play[data-experience-game=security] .game-board{padding:0}.chapter-play[data-experience-game=security] .game-board>h4{padding:16px;margin:0}.security-scene{height:460px;border:0;background:linear-gradient(#dce8f0 0 76%,#b7cbc9 76%);margin-bottom:0}.security-scene::before{content:'';position:absolute;top:0;bottom:24%;left:33.333%;width:33.333%;border-inline:2px dashed #849aaf}.protected-phone{position:absolute;bottom:5px;left:50%;width:95px;height:102px;transform:translateX(-50%);background:#ddff45;border:7px solid #263346;border-radius:10px;text-align:center;box-shadow:4px 4px #849aaf}.protected-phone>span{font:bold 9px monospace}.protected-phone .pixel-marco{width:38px;height:57px;margin:3px auto}.protected-phone .pixel-arm{width:7px;height:16px}.incoming-app{position:absolute;transform:translateX(-50%);width:clamp(70px,24%,115px);height:76px;background:#fff;border:3px solid #243348;padding:4px;display:grid;grid-template-columns:24px 1fr;gap:3px;align-items:center;cursor:pointer;touch-action:manipulation;box-shadow:3px 3px #243348;z-index:1}.incoming-app svg{width:24px;height:24px;image-rendering:pixelated}.incoming-app strong{font:bold 10px monospace;overflow-wrap:anywhere}.incoming-app>span{grid-column:1/-1;font:bold 10px monospace;line-height:1.2}.incoming-app.is-malware{border-color:#933a3a;background:#fff0ed}.incoming-app.is-safe{border-color:#427466;background:#edf8ef}.incoming-app:focus-visible{outline:4px solid #111;outline-offset:3px}.incoming-app:disabled{cursor:default}.incoming-app:hover{box-shadow:3px 3px var(--orange)}
@media(max-width:460px){.incoming-app{width:27%;grid-template-columns:20px 1fr}.incoming-app svg{width:20px;height:20px}.incoming-app strong,.incoming-app>span{font-size:9px}}
.security-scene{--security-columns:6;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--security-columns) - 2px),#849aaf66 calc(100% / var(--security-columns) - 2px) calc(100% / var(--security-columns))),linear-gradient(#dce8f0 0 76%,#b7cbc9 76%)}.security-scene::before{content:none}.incoming-app{width:min(115px,calc(100% / var(--security-columns) - 8px));min-width:44px;grid-template-columns:20px 1fr}.incoming-app svg{width:20px;height:20px}
.checkout-queue .pixel-marco{--skin:#f1c79c}.checkout-queue .pixel-marco:nth-child(2){--skin:#a87552}.checkout-queue .pixel-arm{background:linear-gradient(var(--sleeve) 0 35%,var(--skin) 35%)}.checkout-scene .game-product{transform:translateX(-50%)}.checkout-scene .game-product.is-scanned{transform:translate(-50%,-45px)}
.game-ending{margin-top:16px;padding:clamp(20px,3vw,32px);border-top:var(--line);background:var(--cream);overflow-wrap:anywhere}.game-ending .mono{margin:0 0 12px}.game-ending .game-result{margin:0;line-height:1.35;font-size:clamp(20px,4vw,28px)!important}
.game-ranking{margin-top:24px;padding:20px;border:var(--line);background:var(--cream);box-shadow:4px 4px var(--ink);min-width:0}.game-ranking h4{margin:0 0 16px;font-size:20px}.game-ranking ol{padding-left:28px;margin:0 0 16px}.game-ranking li{padding:8px 0;border-bottom:2px solid var(--ink);font-family:monospace}.game-ranking li span{display:inline-block;max-width:75%;overflow-wrap:anywhere;vertical-align:top}.game-ranking li strong{float:right}.ranking-status{font-size:15px;overflow-wrap:anywhere}.ranking-status:empty{display:none}.ranking-form{display:grid;gap:12px;margin-top:20px;padding-top:20px;border-top:var(--line)}.ranking-form[hidden]{display:none}.ranking-form label{font-weight:800}.ranking-form input{width:100%;min-width:0;min-height:48px;padding:10px;border:var(--line);background:#fff;font:inherit}.ranking-form input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.ranking-form .ranking-notice{font-size:13px;line-height:1.5;margin:0}.game-ranking .pill-button{max-width:100%;white-space:normal;text-align:center}.ranking-form button:disabled{opacity:.6;cursor:wait}