:root{--cream: #fbf6e6;--cream2: #f3ead0;--paper: #fffdf5;--brown: #6b4f35;--brown2: #8a6a48;--green: #6cc070;--green2: #4ea457;--teal: #56b8b0;--pink: #f29ab5;--yellow: #f7d44f;--red: #e0655a;--shadow: 0 6px 0 rgba(107, 79, 53, .18), 0 10px 24px rgba(60, 40, 20, .18);--radius: 22px;font-family:Nunito,system-ui,sans-serif;color:var(--brown)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8fd3a8;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}canvas.game{position:absolute;inset:0;width:100%;height:100%;display:block}button{font-family:"Baloo 2",Nunito,sans-serif;font-weight:700;cursor:pointer}h1,h2,h3{font-family:"Baloo 2",sans-serif;margin:0}.hidden{display:none!important}.btn{border:none;border-radius:999px;padding:10px 22px;font-size:17px;color:#fff;background:var(--green);box-shadow:0 4px 0 var(--green2);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green2)}.btn.alt{background:var(--cream2);color:var(--brown);box-shadow:0 4px #d8c89e}.btn.pink{background:var(--pink);box-shadow:0 4px #d77796}.btn.teal{background:var(--teal);box-shadow:0 4px #3c918a}.btn.small{padding:6px 14px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:radial-gradient(circle at 30% 20%,#bff0c9 0,#8fd3a8 45%,#6fc0a0)}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#fff 1.5px,transparent 1.6px);background-size:28px 28px}.card{position:relative;background:var(--paper);border-radius:30px;box-shadow:var(--shadow);padding:26px 28px;width:min(520px,100%);max-height:calc(100% - 24px);overflow-y:auto}.card.wide{width:min(900px,100%)}.logo{font-family:"Baloo 2";font-weight:800;font-size:54px;line-height:1;text-align:center;color:#fff;text-shadow:0 4px 0 var(--green2),0 8px 0 rgba(0,0,0,.12);letter-spacing:1px;margin-bottom:4px}.logo span{color:var(--yellow)}.card .logo{color:var(--green);text-shadow:0 3px 0 var(--green2),0 6px 0 rgba(0,0,0,.08)}.card .subtitle{color:var(--brown2);text-shadow:none}.subtitle{text-align:center;font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.15);margin-bottom:18px}.field{display:flex;flex-direction:column;gap:4px;margin:10px 0}.field label{font-weight:800;font-size:14px;color:var(--brown2)}input[type=text],input[type=password],input[type=number],textarea,select{font:inherit;font-weight:700;color:var(--brown);padding:11px 14px;border-radius:14px;border:3px solid var(--cream2);background:#fff;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--green)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.center{justify-content:center}.row.between{justify-content:space-between}.err{color:var(--red);font-weight:800;min-height:22px;margin:6px 0}.muted{color:#a08a6a;font-size:14px}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1;border:none;border-radius:14px;padding:8px;background:var(--cream2);color:var(--brown2);font-size:16px}.tabs button.on{background:var(--green);color:#fff}.townlist{display:flex;flex-direction:column;gap:10px;margin:14px 0}.town{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:18px;background:var(--cream);border:3px solid var(--cream2)}.town h3{font-size:20px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--cream2);font-size:13px;font-weight:800}.pill.green{background:#d4f0c8;color:#3d7a3a}.members{display:flex;flex-direction:column;gap:6px;margin:10px 0}.member{display:flex;justify-content:space-between;padding:8px 14px;background:var(--cream);border-radius:14px;font-weight:800}.maps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.maps canvas{width:100%;border-radius:14px;border:4px solid transparent;cursor:pointer;image-rendering:pixelated;background:#6cb9e0}.maps canvas.on{border-color:var(--green);box-shadow:0 0 0 3px #fff inset}.code{font-family:"Baloo 2";font-weight:800;font-size:34px;letter-spacing:6px;text-align:center;color:var(--green2);background:var(--cream);border-radius:16px;padding:4px;user-select:all}.creator{display:grid;grid-template-columns:260px 1fr;gap:18px}.creator .preview{background:linear-gradient(#cdeefe,#e9f8d8);border-radius:22px;height:320px;position:relative;overflow:hidden}.creator .preview canvas{position:absolute;inset:0;width:100%;height:100%}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--cream2);cursor:pointer}.swatch.on{box-shadow:0 0 0 3px var(--green)}.choices{display:flex;flex-wrap:wrap;gap:6px}.choices button{border:none;background:var(--cream2);color:var(--brown);border-radius:12px;padding:6px 12px;font-size:15px}.choices button.on{background:var(--green);color:#fff}@media(max-width:640px){.creator{grid-template-columns:1fr}.creator .preview{height:220px}.logo{font-size:42px}}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.clock{position:absolute;left:14px;top:12px;background:var(--paper);border-radius:20px;padding:8px 16px 8px 14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;font-family:"Baloo 2";font-weight:800}.clock .time{font-size:30px;line-height:1}.clock .date{font-size:14px;line-height:1.15;color:var(--brown2)}.clock .weather{font-size:26px}.wallet{position:absolute;left:14px;top:78px;background:var(--paper);border-radius:16px;padding:4px 14px;box-shadow:var(--shadow);font-family:"Baloo 2";font-weight:800;font-size:18px}.wallet b{color:#c9a227}.townname{position:absolute;right:14px;top:12px;background:var(--paper);border-radius:16px;padding:6px 14px;box-shadow:var(--shadow);font-family:"Baloo 2";font-weight:800}.menubar{position:absolute;right:14px;top:56px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,52px);gap:8px;max-height:calc(100vh - 90px);direction:rtl;pointer-events:auto}.menubar>*{direction:ltr}.menubar button.hidden{display:none}.menubar button{width:52px;height:52px;border-radius:18px;border:none;background:var(--paper);box-shadow:var(--shadow);font-size:24px;position:relative}.menubar button .badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border-radius:999px;font-size:12px;min-width:20px;height:20px;line-height:20px}.menubar button .key{position:absolute;bottom:1px;right:5px;font-size:10px;color:#b8a080;font-family:Nunito}.hint{position:absolute;left:50%;top:12px;transform:translate(-50%);max-width:min(520px,60vw);background:#fff8d8;border:3px solid var(--yellow);border-radius:16px;padding:6px 14px;font-weight:800;font-size:14px;text-align:center;box-shadow:var(--shadow)}.toolhint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#fffdf5eb;border-radius:14px;padding:5px 14px;font-weight:800;font-size:13px;box-shadow:var(--shadow);white-space:nowrap}.toasts{position:absolute;left:50%;top:64px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--paper);border-radius:14px;padding:7px 16px;font-weight:800;box-shadow:var(--shadow);animation:toastIn .25s ease-out;max-width:80vw;text-align:center}.toast.good{background:#e4f7da;color:#3a7a36}.toast.bad{background:#fde3dc;color:#b04a3c}@keyframes toastIn{0%{transform:translateY(-10px) scale(.9);opacity:0}}.chat{position:absolute;left:14px;bottom:14px;width:min(360px,60vw);display:flex;flex-direction:column;gap:4px}.chat .log{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.9)}.chat .log div{background:#fffdf5bf;border-radius:10px;padding:2px 10px;width:fit-content;max-width:100%}.chat .log .sys{color:#8a7a5a;font-style:italic}.chat input{padding:7px 12px;font-size:14px;border-radius:12px}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nametag{position:absolute;transform:translate(-50%,-100%);font-family:"Baloo 2";font-weight:800;font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;border-radius:16px;padding:6px 12px;font-weight:800;font-size:14px;box-shadow:0 3px 10px #0003;max-width:240px;text-align:center;animation:pop .2s ease-out}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff;border-bottom:0}@keyframes pop{0%{transform:translate(-50%,-80%) scale(.6);opacity:0}}.zzz{position:absolute;transform:translate(-50%,-100%);font-family:"Baloo 2";font-weight:800;color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.4);animation:zfloat 2s infinite}@keyframes zfloat{50%{transform:translate(-30%,-140%);opacity:.6}}.dialog{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(720px,calc(100% - 24px));z-index:20}.dialog .box{position:relative;background:var(--paper);border-radius:36px/30px;padding:26px 30px 22px;min-height:118px;box-shadow:var(--shadow);font-size:20px;font-weight:800;line-height:1.4;cursor:pointer;border:4px solid #f3e7c4}.dialog .name{position:absolute;left:34px;top:-18px;padding:4px 18px;border-radius:999px;background:var(--yellow);color:var(--brown);font-family:"Baloo 2";font-weight:800;font-size:18px;transform:rotate(-3deg);box-shadow:0 3px #0000001a}.dialog .more{position:absolute;right:26px;bottom:12px;font-size:20px;animation:bob .8s infinite;color:var(--green2)}@keyframes bob{50%{transform:translateY(4px)}}.dialog .choices{position:absolute;right:12px;bottom:calc(100% + 12px);display:flex;flex-direction:column;gap:6px;align-items:flex-end}.dialog .choices button{border:none;background:var(--paper);color:var(--brown);border-radius:16px;padding:8px 20px;font-size:17px;box-shadow:var(--shadow);text-align:right;min-width:160px;border:3px solid transparent}.dialog .choices button.sel{border-color:var(--green);background:#effbe8}.dialog .choices button.sel:before{content:"▶ ";color:var(--green2)}.dialog .inputrow{display:flex;gap:8px;margin-top:10px}.panel-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#3c281440;z-index:30;padding:12px}.panel{background:var(--paper);border-radius:28px;box-shadow:var(--shadow);width:min(760px,100%);max-height:calc(100% - 20px);display:flex;flex-direction:column;border:4px solid #f3e7c4;overflow:hidden}.panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px;gap:10px}.panel header h2{font-size:24px}.panel .close{border:none;background:var(--cream2);border-radius:50%;width:38px;height:38px;font-size:20px;color:var(--brown)}.panel .body{padding:6px 20px 18px;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.slot{position:relative;aspect-ratio:1;border-radius:18px;background:var(--cream);border:3px solid var(--cream2);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.slot img{width:86%;height:86%;object-fit:contain;pointer-events:none}.slot .n{position:absolute;right:6px;bottom:2px;font-weight:800;font-size:13px}.slot .tag{position:absolute;left:4px;top:2px;font-size:12px}.slot.sel{border-color:var(--green);background:#effbe8}.slot.empty{cursor:default;opacity:.6}.slot.tool{box-shadow:inset 0 0 0 3px var(--yellow)}.slot .price{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-size:11px;font-weight:800;color:#b08a2a}.ctx{position:fixed;z-index:40;background:var(--paper);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;min-width:150px;border:3px solid #f3e7c4}.ctx .title{font-family:"Baloo 2";font-weight:800;padding:4px 10px;border-bottom:2px dashed var(--cream2);margin-bottom:4px}.ctx button{border:none;background:transparent;text-align:left;padding:7px 12px;border-radius:10px;font-size:16px;color:var(--brown)}.ctx button:hover{background:var(--cream)}.list{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:16px;background:var(--cream)}.item-row img{width:48px;height:48px}.item-row .grow{flex:1}.item-row b{font-family:"Baloo 2";font-size:17px}.friend{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:18px;background:var(--cream)}.friend .face{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}.hearts{color:#f06a8a;letter-spacing:1px;font-size:15px}.letter{background:#fffaf0;border-radius:16px;padding:12px 16px;border:2px dashed #e8d8b0;white-space:pre-wrap;font-weight:700}.lex{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.lex .slot{border-radius:14px}.lex .slot.unknown img{filter:brightness(0) opacity(.18)}.lex .slot .d{position:absolute;top:2px;right:4px;font-size:12px}.minimap{width:100%;image-rendering:pixelated;border-radius:18px}.statbar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.touch{position:absolute;inset:0;pointer-events:none;z-index:5}.joy{position:absolute;left:22px;bottom:26px;width:130px;height:130px;border-radius:50%;background:#ffffff59;pointer-events:auto;border:3px solid rgba(255,255,255,.6)}.joy .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:#ffffffe6;box-shadow:0 3px 8px #0003}.abtn{position:absolute;right:26px;bottom:44px;width:86px;height:86px;border-radius:50%;border:none;background:var(--green);color:#fff;font-size:30px;box-shadow:0 5px 0 var(--green2);pointer-events:auto}.bbtn{position:absolute;right:122px;bottom:26px;width:62px;height:62px;border-radius:50%;border:none;background:var(--cream2);color:var(--brown);font-size:16px;box-shadow:0 4px #d8c89e;pointer-events:auto}.fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .45s;z-index:50}.fade.on{opacity:1;pointer-events:auto}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2";font-weight:800;font-size:28px;color:#fff;z-index:60;background:#8fd3a8}.catchcard{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:15;animation:pop .25s ease-out}.catchcard img{width:150px;height:150px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.catchcard div{background:var(--paper);border-radius:18px;padding:10px 18px;font-weight:800;font-size:19px;box-shadow:var(--shadow);max-width:420px}.emotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.key{display:inline-block;padding:0 7px;border-radius:6px;background:var(--cream2);font-size:12px;font-weight:800}.install{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;margin:12px 0 0}.install:empty{display:none}.clock{left:calc(14px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}.wallet{left:calc(14px + env(safe-area-inset-left));top:calc(78px + env(safe-area-inset-top))}.townname{right:calc(14px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top))}.menubar{right:calc(14px + env(safe-area-inset-right));top:calc(56px + env(safe-area-inset-top))}.joy{left:calc(22px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom))}.abtn{right:calc(26px + env(safe-area-inset-right));bottom:calc(44px + env(safe-area-inset-bottom))}.bbtn{right:calc(122px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom))}@media(max-width:700px){.menubar button{width:44px;height:44px;font-size:20px;border-radius:14px}.menubar{gap:6px;grid-template-rows:repeat(auto-fill,44px);max-height:calc(100vh - 250px)}.hint{top:calc(58px + env(safe-area-inset-top));max-width:70vw;font-size:12px}.clock .time{font-size:22px}.chat{bottom:170px;width:50vw}.dialog .box{font-size:17px;padding:20px 20px 18px}}@media(max-height:500px){.clock{top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));padding:4px 10px;gap:8px;border-radius:14px}.clock .time{font-size:20px}.clock .date{font-size:11px}.clock .weather{font-size:18px}.wallet{top:calc(50px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));font-size:14px;padding:2px 10px;border-radius:12px}.townname{display:none}.menubar{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,38px);max-height:none;max-width:calc(100vw - 260px);top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));gap:5px}.menubar button{width:38px;height:38px;font-size:18px;border-radius:12px}.menubar button .key{display:none}.menubar button .badge{top:-5px;right:-5px;min-width:16px;height:16px;line-height:16px;font-size:10px}.hint{left:calc(8px + env(safe-area-inset-left));transform:none;top:calc(80px + env(safe-area-inset-top));max-width:min(300px,38vw);font-size:11px;padding:4px 10px;border-width:2px;text-align:left}.toasts{top:52px}.toast{font-size:13px;padding:5px 12px}.toolhint{font-size:11px;bottom:6px;padding:3px 10px;max-width:50vw;white-space:normal;text-align:center}.joy{width:104px;height:104px;left:calc(14px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom))}.joy .knob{width:44px;height:44px;margin:-22px}.abtn{width:68px;height:68px;font-size:24px;right:calc(16px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom))}.bbtn{width:52px;height:52px;font-size:12px;right:calc(94px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom))}.chat{left:calc(130px + env(safe-area-inset-left));bottom:8px;width:min(300px,32vw)}.chat .log{max-height:60px;font-size:12px}.dialog{bottom:8px;left:calc(124px + env(safe-area-inset-left));transform:none;width:min(600px,calc(100% - 324px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.dialog .box{min-height:74px;padding:16px 20px 12px;font-size:15px;border-radius:26px/22px}.dialog .name{top:-15px;left:22px;font-size:14px;padding:2px 12px}.dialog .more{bottom:6px;right:16px;font-size:16px}.dialog .choices{bottom:0;right:auto;left:calc(100% + 8px);gap:4px;align-items:stretch}.dialog .choices{width:180px}.dialog .choices button{min-width:0;padding:5px 12px;font-size:14px;border-radius:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-wrap{padding:6px}.panel{max-height:calc(100% - 4px);border-radius:20px}.panel header{padding:8px 14px 4px}.panel header h2{font-size:19px}.panel .close{width:32px;height:32px;font-size:16px}.panel .body{padding:4px 14px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.slot{border-radius:14px}.statbar{margin:2px 0 8px}.catchcard img{width:90px;height:90px}.catchcard div{font-size:15px}.screen{align-items:flex-start;padding:8px}.card{padding:16px 20px;border-radius:22px;max-height:none;margin:auto}.logo{font-size:34px}.subtitle{margin-bottom:8px}}@media(max-height:500px)and (max-width:700px){.dialog{left:8px;width:calc(100% - 16px)}.dialog .choices{left:auto;right:8px;bottom:calc(100% + 8px);width:auto}}.joy.floating{position:fixed}.menubar button .dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.menubar button .dot.warn{background:#f5a623}.menubar button .dot.full{background:var(--red);animation:bob .8s infinite}.decor-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--paper);border-radius:18px;padding:8px 14px;box-shadow:var(--shadow);border:3px solid #f3e7c4;z-index:12;display:flex;flex-direction:column;gap:6px;align-items:center;max-width:calc(100% - 20px)}.decor-label{font-weight:800;font-size:14px;text-align:center}@media(pointer:coarse){.decor-bar{bottom:150px}}@media(max-height:500px){.decor-bar{bottom:8px;left:auto;right:100px;transform:none;max-width:50vw}}.nametag.player{background:#14141e8c;padding:0 7px;border-radius:3px;font-family:Nunito,sans-serif;font-size:13px;text-shadow:none;letter-spacing:.2px}.plcard-type{background:var(--cream2);border-radius:14px;padding:10px 14px;margin-bottom:10px}.plcard-type p{margin:4px 0}.plcard-code{float:right;font-family:"Baloo 2";font-weight:800;font-size:22px;color:var(--brown2);letter-spacing:2px}.plcard-tab{width:100%;border-collapse:collapse;margin-bottom:8px}.plcard-tab td{padding:3px 4px;border-bottom:1px solid var(--cream2)}.plcard-tab td:first-child{color:var(--brown2);font-weight:800;width:38%}.plcard-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0;text-align:center}.plcard-stats>div{background:var(--cream2);border-radius:12px;padding:6px 2px;display:flex;flex-direction:column}.plcard-stats .big{font-family:"Baloo 2";font-weight:800;font-size:17px}.plcard-stats .muted{font-size:11px}.online-list{display:flex;flex-direction:column;gap:4px}.online-row{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--cream2);cursor:pointer}.online-row:hover{filter:brightness(.97)}.minimap-hud{position:absolute;left:calc(14px + env(safe-area-inset-left));top:calc(122px + env(safe-area-inset-top));width:150px;height:150px;border-radius:50%;border:4px solid var(--paper);box-shadow:var(--shadow);cursor:pointer;background:#3a98d0}@media(max-width:700px){.minimap-hud{left:auto;top:auto;right:calc(14px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom));width:100px;height:100px;border-width:3px}}@media(max-height:500px){.minimap-hud{left:auto;top:calc(52px + env(safe-area-inset-top));bottom:auto;right:calc(8px + env(safe-area-inset-right));width:92px;height:92px;border-width:3px}}@media(max-width:460px){.pcard-stats{grid-template-columns:repeat(3,1fr)}}.slot.dim{cursor:default;filter:grayscale(1);opacity:.45}.slot .tag.new{background:var(--green);color:#fff;border-radius:6px;padding:0 4px;font-size:10px;font-weight:800}.ghud{position:absolute;left:50%;top:64px;transform:translate(-50%);width:min(460px,92vw);background:#fffdf2;border:3px solid var(--yellow);border-radius:18px;padding:8px 14px;box-shadow:var(--shadow);z-index:5}.ghud.bump{animation:ghudBump .12s ease-out}@keyframes ghudBump{50%{transform:translate(-50%) scale(1.03)}}.ghud b{font-family:"Baloo 2";font-size:17px}.ghud-timer{font-family:"Baloo 2";font-weight:800;color:#b04a3c;margin-left:auto;margin-right:8px}.ghud-x{border:none;background:var(--cream2);border-radius:50%;width:26px;height:26px;font-weight:800;cursor:pointer}.ghud-text{font-size:14px;font-weight:700}.ghud-word{font-family:"Baloo 2";font-weight:800;font-size:26px;letter-spacing:4px;text-align:center;margin:2px 0}.ghud-mash{width:100%;margin-top:6px;font-size:20px;padding:12px}@media(max-height:500px){.ghud{top:50px;padding:4px 10px}.ghud-text{font-size:12px}.ghud-word{font-size:20px}}.cards{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(620px,96vw);max-height:70vh;overflow-y:auto;background:#f4fbf0;border:4px solid #3a7a4a;border-radius:20px;padding:10px 14px;box-shadow:var(--shadow);z-index:6;display:flex;flex-direction:column;gap:8px}.cards-title{font-family:"Baloo 2";font-size:20px;color:#2a5a3a}.cards-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cards-seat{background:#fff;border-radius:12px;padding:4px 8px;display:flex;flex-direction:column;font-size:13px;border:2px solid transparent}.cards-seat.turn{border-color:var(--yellow);background:#fff8d8}.cards-seat.me b{color:#2a6ab0}.cards-turn{text-align:center;font-weight:800;color:#6b4f35}.cards-turn.mine{color:#2a7a3a;font-size:18px}.cards-table{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.cards-pile{display:flex;flex-direction:column;align-items:center;gap:4px}.cards-hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cards-grid{display:grid;grid-template-columns:repeat(4,58px);gap:6px;justify-content:center}.cards-games,.cards-invite{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.cards-log{font-size:13px;color:#5a6a5a;text-align:center}.cards-actions:empty{display:none}.pcard{width:52px;height:74px;border-radius:8px;background:#fff;border:2px solid #c8c0b0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Baloo 2";font-weight:800;box-shadow:0 2px 4px #0000001f;user-select:none}.pcard .r{font-size:20px;line-height:1}.pcard .s{font-size:22px;line-height:1}.pcard.playable{cursor:pointer;border-color:#3a9a4a;transform:translateY(-4px)}.pcard.playable:hover{transform:translateY(-8px)}.pcard.back{background:repeating-linear-gradient(45deg,#3a7a4a,#3a7a4a 6px,#4a8a5a 6px 12px);color:#fff;font-size:22px}.pcard.peter{width:64px}.pcard.peter .big{font-size:26px}.pcard.peter small{font-size:10px}.pcard.peter.black{background:#3a3040;color:#fff}.pcard.mem{width:58px;height:58px;font-size:28px}.pcard.mem.done{opacity:.45}.pcard.big{width:70px;height:96px;font-size:26px}.btn.disabled{opacity:.5;pointer-events:none}.friend-note{font-size:13px;color:#b04a3c;font-weight:700}@media(max-height:500px){.cards{max-height:80vh;padding:6px 10px;gap:4px}.pcard{width:42px;height:60px}.pcard.mem{width:46px;height:46px}.cards-grid{grid-template-columns:repeat(8,46px)}}.sky-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.ghud-keys{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-top:6px}.ghud-keys button{border:none;border-radius:6px;background:var(--cream2);font-weight:800;font-size:14px;padding:5px 0;cursor:pointer}.ghud-keys button.used{opacity:.35}.ghud-keys button.wide{grid-column:span 3;font-size:12px}@media(max-height:500px){.ghud-keys{grid-template-columns:repeat(14,1fr)}.ghud-keys button{padding:3px 0;font-size:12px}.ghud-keys button.wide{grid-column:span 4}}.enchant-flash{position:absolute;inset:0;pointer-events:none;z-index:8;animation:enchantFlash 1.8s ease-out forwards;background:radial-gradient(circle at 50% 45%,#fff0a0d9,#b07ae073 30%,#28143c00 70%)}@keyframes enchantFlash{0%{opacity:0}20%{opacity:1}45%{opacity:.5}60%{opacity:.9}to{opacity:0}}.melody-grid{display:grid;grid-template-columns:26px repeat(16,1fr);gap:2px;user-select:none}.melody-grid .mlabel{font-size:10px;color:var(--muted, #888);text-align:right;padding-right:3px;line-height:16px}.melody-grid .mcell{height:16px;background:#00000012;border-radius:3px;cursor:pointer}.melody-grid .mcell.beat{background:#0000001f}.melody-grid .mcell.on{background:#f0a030}.star-canvas{width:100%;max-width:500px;aspect-ratio:5 / 3;border-radius:10px;display:block;margin:8px auto;cursor:crosshair;touch-action:manipulation}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.stamp{border:3px dashed #c8b89a;border-radius:6px;padding:8px 4px;text-align:center;background:#fbf6ea}.stamp.missing{opacity:.45}.stamp .motif{font-size:30px;line-height:1.2}.stamp .sname{font-size:11px;font-weight:700;margin-top:2px}.book-page{background:#fdf8ec;border:1px solid #e0d4b8;border-radius:8px;padding:12px 16px;min-height:160px;max-height:50vh;overflow-y:auto;font-family:Georgia,serif;line-height:1.5}.book-page h3{margin-top:0}.px-wrap{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}.px-grid{display:grid;grid-template-columns:repeat(16,1fr);width:min(320px,80vw);aspect-ratio:1;border:2px solid #8a6a4a;touch-action:none;user-select:none}.px-grid .px{outline:1px solid rgba(0,0,0,.06)}.px-pal{display:grid;grid-template-columns:repeat(4,30px);gap:4px}.px-pal .swatch{width:30px;height:30px}.row.wrap{flex-wrap:wrap;gap:6px}.siren-flash{position:absolute;inset:0;pointer-events:none;z-index:40;animation:siren .5s steps(1) 5}@keyframes siren{0%{background:#e6282847}50%{background:#285af047}}.screen-flash{position:absolute;inset:0;pointer-events:none;z-index:40;opacity:.7;animation:flashout .5s ease-out forwards}@keyframes flashout{to{opacity:0}}.oracle-fx{position:absolute;inset:0;pointer-events:none;z-index:40;background:#0a051eb8;animation:fadein .6s ease-out;overflow:hidden}.oracle-fx .stars{position:absolute;left:50%;top:30%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#ffe,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 10% 70%,#eef,transparent);background-size:220px 220px;animation:spin 40s linear infinite;opacity:.9}.oracle-fx .smoke{position:absolute;left:-20%;right:-20%;bottom:-10%;height:40%;background:radial-gradient(ellipse at 30% 80%,rgba(200,180,255,.35),transparent 60%),radial-gradient(ellipse at 70% 90%,rgba(200,180,255,.3),transparent 55%);animation:drift 4s ease-in-out infinite alternate}.oracle-fx .card{position:absolute;top:60%;width:60px;height:90px;margin-left:-30px;border-radius:8px;background:linear-gradient(135deg,#3a1a6a,#6a3aa0);border:2px solid #f0c850;color:#f0c850;font-size:30px;display:flex;align-items:center;justify-content:center;animation:floatcard 3s ease-out forwards}.oracle-fx .card.c0{left:38%;animation-delay:.2s}.oracle-fx .card.c1{left:50%;animation-delay:.5s}.oracle-fx .card.c2{left:62%;animation-delay:.8s}.oracle-fx .ball{position:absolute;left:50%;top:58%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;opacity:.8;animation:pulse 1s ease-in-out infinite alternate}.oracle-fx.boom{background:#ffffffd9;transition:background .2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(6%)}}@keyframes floatcard{0%{transform:translateY(120px) rotateY(180deg);opacity:0}to{transform:translateY(-140px) rotateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(.85)}to{transform:scale(1.1)}}@keyframes fadein{0%{opacity:0}}.kroko-fx{position:absolute;left:50%;top:45%;display:flex;gap:26px;pointer-events:none;z-index:40;animation:kroko 3.5s ease-in-out forwards}.kroko-fx .eye{width:22px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff8a0 20%,#f0c030 60%,transparent 70%);box-shadow:0 0 18px #f0e040}@keyframes kroko{0%,to{opacity:0}15%,80%{opacity:1}45%{transform:translate(-30px)}}.facade-wrap{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.facade-preview{width:min(320px,100%);aspect-ratio:4 / 3;background:linear-gradient(#cfe8f8,#e8f4d8);border-radius:10px}.facade-form{flex:1;min-width:240px;max-height:52vh;overflow-y:auto}.facade-form h3{margin:8px 0 4px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.proj-card{background:#fff9;border:2px solid rgba(0,0,0,.08);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.proj-card.fertig{opacity:.6}.proj-card.gesperrt{opacity:.5}.proj-card .proj-icon{font-size:30px;line-height:1}.proj-card .desc,.proj-card .small{font-size:11px}.proj-card .btn{margin-top:auto}.pill.green{background:#d8f0d0;color:#2a6a2a}.pill.orange{background:#fbe4c8;color:#8a4a1a}.pill.blue{background:#d8e8f8;color:#2a4a8a}.pill.grey{background:#e4e4e4;color:#666}.blind-fx{position:absolute;inset:0;background:#0e0c14;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4ecd8;font-family:"Baloo 2";font-weight:800;pointer-events:none}.blind-big{font-size:90px}.blind-text{font-size:24px;margin-top:10px}