*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a2730;font-family:ui-monospace,Menlo,Consolas,monospace;color:#f3ecda}body{touch-action:none;-webkit-user-select:none;user-select:none}#frame{position:fixed;top:0;right:0;bottom:0;left:0;background:#111;line-height:0;overflow:hidden}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.pxi{width:1.2em;height:1.2em;vertical-align:-.22em;image-rendering:pixelated}svg.pxi{fill:currentColor}.sp-btn svg.pxi{color:#f6efdd!important}.sp-btn.primary svg.pxi{color:#3a2f2e!important}.btn svg.pxi{color:#fff!important}.btn.amber svg.pxi,.btn.ghost svg.pxi{color:#33291f!important}.em .pxi,.row .em{font-size:22px}.db .pxi,#abtn .pxi{width:22px;height:22px}kbd+.pxi{margin-left:2px}#hud{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));display:flex;gap:8px;align-items:center;pointer-events:none;font-size:clamp(14px,2.2vmin,18px);font-weight:800;letter-spacing:.3px;text-shadow:0 1px 0 #000;flex-wrap:wrap}.tag{background:#101610c7;padding:6px 12px;border-radius:10px;pointer-events:auto;border:1px solid rgba(243,236,218,.18)}#bagbtn{margin-left:auto;cursor:pointer;background:#283c28d9}#menubtn{cursor:pointer;background:#3c3224d9}.lbl{color:#c9d4c2;font-weight:700}@media(max-width:760px){.lbl{display:none}}#prompt{position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);background:#33291f;padding:8px 16px;border-radius:10px;font-size:clamp(13px,2vmin,16px);font-weight:800;display:none;text-shadow:0 1px 0 #000;white-space:nowrap;border:1px solid #6b5137}#prompt kbd{background:#f3ecda;color:#33291f;border-radius:5px;padding:0 6px;margin-right:5px}@media(pointer:coarse){#prompt{bottom:calc(104px + env(safe-area-inset-bottom))}}#toasts{position:absolute;bottom:calc(52px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#1e1812f0;border:1px solid #6b5137;padding:7px 14px;border-radius:10px;font-size:clamp(13px,2vmin,15px);font-weight:700;animation:ti .2s ease,to .4s ease 2.1s forwards;max-width:86vw;text-align:center}@media(pointer:coarse){#toasts{bottom:calc(150px + env(safe-area-inset-bottom))}}@keyframes ti{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes to{to{opacity:0}}#touch{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.dpad{position:absolute;left:calc(16px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));width:150px;height:150px;pointer-events:auto}.db{position:absolute;width:50px;height:50px;background:#3a2f2ed9;border:2px solid #6b5137;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#e8d9b8;font-size:19px}.db:active{background:#5fa38f}.du{left:50px;top:0}.dd{left:50px;bottom:0}.dl{left:0;top:50px}.dr{right:0;top:50px}#abtn{position:absolute;right:calc(20px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));width:80px;height:80px;border-radius:50%;background:#d8973c;border:3px solid #a86e22;color:#3a2f2e;font-weight:800;font-size:24px;pointer-events:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #a86e22}#abtn:active{transform:translateY(2px)}@media(hover:hover)and (pointer:fine){#touch{display:none}}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#120e0a99;display:none;align-items:center;justify-content:center;padding:14px}#modal.on{display:flex}.sheet{background:#f3ecda;color:#33291f;border:4px solid #6b5137;border-radius:12px;width:min(560px,100%);max-height:88vh;overflow:auto;box-shadow:0 14px 40px #00000080;font-family:ui-monospace,monospace}.st{position:sticky;top:0;background:#e7d9b6;border-bottom:3px solid #6b5137;padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:1}.st h2{margin:0;font-size:17px}.st .x{margin-left:auto;border:2px solid #6b5137;background:#f3ecda;border-radius:8px;width:34px;height:34px;font-weight:800;cursor:pointer;font-size:16px}.sb{padding:14px}.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid #d8c79c;border-radius:9px;margin-bottom:7px;background:#fbf5e4}.row .em{font-size:22px}.row .nm{font-weight:800;font-size:13px}.row .sub{font-size:11px;color:#8a755a}.row .rt{margin-left:auto;text-align:right}.btn{font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;border:none;border-radius:9px;padding:8px 14px;color:#fff;background:#4e8d7c;box-shadow:0 3px #37675a}.btn:active{transform:translateY(2px);box-shadow:0 1px #37675a}.btn.amber{background:#d8973c;box-shadow:0 3px #a86e22}.btn.clay{background:#b5622e;box-shadow:0 3px #7f421d}.btn.ghost{background:#f3ecda;color:#33291f;border:2px solid #6b5137;box-shadow:none}.btn.ghost.onbtn{background:#d8973c;color:#3a2f2e;border-color:#a86e22}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sel{font-family:inherit;font-size:12px;border:2px solid #6b5137;border-radius:7px;background:#fbf5e4;color:#33291f;padding:5px 6px;max-width:31%}.hr{border:0;border-top:2px dashed #d8c79c;margin:12px 0}.rar{font-weight:800;padding:1px 6px;border-radius:5px;font-size:10px}.rar.comune{background:#e2d7bd;color:#6b5a3a}.rar.raro{background:#cfe6dd;color:#2f6b5a}.rar.eccezionale{background:#f3ddc0;color:#a5641f}.rar.leggendario{background:#efd6ea;color:#8a3f86}.muted{color:#8a755a;font-size:12px}.center{text-align:center;padding:18px}.bighead{font-size:13px;font-weight:800;margin:2px 0 8px;color:#5a4a34;text-transform:uppercase;letter-spacing:1px}.sw{width:28px;height:28px;border-radius:8px;border:2px solid #6b5137;cursor:pointer;padding:0}.sw.on{box-shadow:0 0 0 3px #d8973c}.sw.swx{background:#f3ecda;color:#8a3f3a;font-weight:800;font-size:15px;line-height:1;font-family:inherit}.swrow{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 10px}.prev{width:360px;max-width:100%;aspect-ratio:10/3;height:auto;image-rendering:pixelated;background:#bcd8a8;border:2px solid #6b5137;border-radius:8px}@media(pointer:coarse){.sw{width:38px;height:38px}.btn{padding:11px 16px;font-size:14px}.st .x{width:42px;height:42px;font-size:18px}.sel{padding:8px;font-size:14px}}#bookov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#120e0abf;display:none;align-items:center;justify-content:center;padding:14px}#bookov.on{display:flex}#bookframe{position:relative;width:min(1240px,98vw);height:94vh;background:transparent;border:none;padding:0 0 22px;display:flex;flex-direction:column;overflow:visible}#bookframe .x{position:absolute;top:-6px;right:-6px;z-index:3;border:3px solid #201a14;background:#fdf6e3;width:38px;height:38px;font-weight:800;cursor:pointer;font-size:16px;box-shadow:3px 3px #201a14}#bk-book{display:flex;flex:1;min-height:0;align-items:stretch;justify-content:center;position:relative;background:#fdf6e3;border:4px solid #201a14;box-shadow:0 5px #ead9b4,0 10px #d6c390,0 14px #201a14,10px 14px #00000073}.bk-edge{width:0;background:repeating-linear-gradient(90deg,#fdf6e3 0,#fdf6e3 2px,#cdbb92 2px,#cdbb92 4px);transition:width .18s steps(4,end);flex:none;border-right:2px solid #d6c390}#bk-edge-r{border-right:none;border-left:2px solid #d6c390}#bk-pages{display:flex;gap:0;justify-content:center;flex:1;min-height:0;min-width:0;background:#efe3c4 repeating-linear-gradient(0deg,transparent 0 10px,#e3d5ae 10px 12px)}.bkpage{flex:1;max-width:none;background:#fdf6e3;padding:14px 20px;text-align:center;overflow:auto;display:flex;flex-direction:column;min-width:0;position:relative}.bkpage:first-child:after{content:"";position:absolute;top:0;bottom:0;right:0;width:10px;pointer-events:none;background:linear-gradient(90deg,transparent 0 2px,#f1e6c8 2px 6px,#e0d1a8 6px 10px)}.bkpage:last-child:after{content:"";position:absolute;top:0;bottom:0;left:0;width:10px;pointer-events:none;background:linear-gradient(270deg,transparent 0 2px,#f1e6c8 2px 6px,#e0d1a8 6px 10px)}.bkpage:first-child{border-right:4px solid #201a14}.bkpage.empty{background:#f4ead0}#bk-pages.turn-r .bkpage:last-child{transform-origin:left center;animation:sqOut .16s steps(4,end) forwards}#bk-pages.turn-l .bkpage:first-child{transform-origin:right center;animation:sqOut .16s steps(4,end) forwards}#bk-pages.in-r .bkpage:last-child{transform-origin:left center;animation:sqIn .18s steps(5,end)}#bk-pages.in-l .bkpage:first-child{transform-origin:right center;animation:sqIn .18s steps(5,end)}@keyframes sqOut{to{transform:scaleX(0)}}@keyframes sqIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bk-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bk-sketch{width:72px;height:53px;image-rendering:pixelated;background:#15120d;border:2px solid #201a14;box-shadow:2px 2px #201a14;flex:none}.bk-zone{font-size:11px;font-weight:800;color:#8a755a;text-transform:uppercase;letter-spacing:1.5px;text-align:left;flex:1}.bp-cv{width:100%;max-width:min(560px,96%);aspect-ratio:4/3;image-rendering:pixelated;border:3px solid #201a14;background:#fdf6e3;box-shadow:4px 4px #d6c390}.bk-cvwrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;max-width:none;margin:0}.bk-cvwrap .bp-cv{height:100%;width:auto;max-width:100%;max-height:58vh;flex:none}.bk-name{font-weight:800;font-size:22px;margin-top:10px;color:#3f3428;letter-spacing:.5px}.bk-name .rar{font-size:11px;letter-spacing:1px;text-transform:uppercase;vertical-align:middle;padding:3px 8px;border:2px solid #201a14;box-shadow:2px 2px #d6c390;margin-left:6px}.bk-desc{margin-top:8px;font-size:13px;line-height:1.55;color:#5a4a34;text-align:left;border-top:2px dashed #cbbfa4;padding-top:8px}.bk-foot{margin-top:auto;padding-top:8px}.bk-meta{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:6px;justify-content:center;font-size:11px;font-weight:700;color:#5a4a34;overflow:hidden}.bk-meta span{background:#f4ead0;border:2px solid #201a14;padding:2px 8px;box-shadow:2px 2px #d6c390;flex:none}.bk-pageno{margin-top:8px;font-size:11px;color:#a8916d;letter-spacing:2px}.bk-cvwrap{position:relative}.bk-flip3d{position:absolute;right:6px;top:6px;font-family:inherit;font-weight:800;font-size:11px;cursor:pointer;background:#d8973c;color:#3a2f2e;border:2px solid #a86e22;padding:4px 8px;box-shadow:2px 2px #7f421d}.bk-flip3d:active{transform:translate(1px,1px);box-shadow:1px 1px #7f421d}#bk-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;color:#f3ecda;font-weight:800}#bk-nav .btn{min-width:52px}@media(max-width:700px){#bk-pages{flex-direction:column;align-items:center}.bkpage{max-width:100%}.bkpage:first-child{border-right-width:3px;border-right-color:#cbbfa4}.bkpage:last-child{border-left:3px solid #cbbfa4}}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1a2730;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e6dcc4}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a27308c,#1a2730db 75%),linear-gradient(180deg,#14100a59,#14100a1a);transition:opacity .65s ease}#splash.off{opacity:0;pointer-events:none}.sp-card{text-align:center;padding:30px 46px 34px;background:#1a1e1894;border:3px solid #6b5137;border-radius:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 18px 60px #0000008c,inset 0 0 0 2px #f3ecda0f}.sp-title{margin:6px 0 0;font-size:clamp(44px,9vw,84px);line-height:.95;letter-spacing:5px;color:#f3ecda;font-weight:800;text-shadow:0 2px 0 #a86e22,0 4px 0 #7f421d,0 6px 0 #3a2f2e,0 12px 26px rgba(0,0,0,.65);animation:spFloat 3.2s ease-in-out infinite}.sp-title em{display:block;font-style:normal;color:#d8973c;font-size:.5em;letter-spacing:14px;margin-top:2px;text-shadow:0 2px 0 #7f421d,0 4px 0 #3a2f2e}.sp-sub{color:#b9c6ce;font-size:12px;letter-spacing:4px;margin:14px 0 22px;text-transform:uppercase}#sp-digsy{width:120px;height:108px;image-rendering:pixelated}.sp-menu{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:2px}.sp-btn{font-family:inherit;font-weight:800;font-size:15px;padding:10px 26px;border:none;border-radius:11px;cursor:pointer;background:#4e8d7c;color:#fff;box-shadow:0 4px #37675a;min-width:230px}.sp-btn.primary{background:#d8973c;color:#3a2f2e;box-shadow:0 5px #a86e22;font-size:18px;padding:13px 34px;animation:spPulse 1.7s ease-in-out infinite}.sp-btn.danger{background:#b5622e;box-shadow:0 4px #7f421d}.sp-btn.small{min-width:0;padding:7px 14px;font-size:13px}.sp-btn:active{transform:translateY(2px)}#sp-slots{margin-top:4px;max-height:200px;overflow:auto;width:100%}.sp-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3ecda14;border:1px solid #6b5137;border-radius:10px;padding:8px 12px;margin-top:8px;font-size:12px;text-align:left;color:#e6dcc4}.sp-slot small{color:#8fa0aa}.sp-slotbtns{display:flex;gap:6px;flex:none}.sp-title2{color:#e6d3b3;font-weight:800;font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.sp-set{display:flex;align-items:center;gap:10px;color:#e6dcc4;font-weight:800;font-size:13px;margin-top:10px;background:#f3ecda14;border:1px solid #6b5137;border-radius:10px;padding:8px 12px}.sp-set input[type=range]{width:120px;accent-color:#d8973c}.sp-hint{margin-top:16px;color:#8fa0aa;font-size:11px;letter-spacing:1px}@keyframes spFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}