:root{color:#392c37;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-synthesis:none;--cream: #fff6df;--ink: #3f3040;--coral: #e2654a;--gold: #f5c84c;--mint: #78c7a8;--glass: rgba(255, 248, 228, .9)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#91cbe0;-webkit-user-select:none;user-select:none}button{font:inherit}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center}.hidden{display:none!important}.title-screen{background:radial-gradient(circle at 50% 20%,rgba(255,244,194,.28),transparent 30%),linear-gradient(180deg,#4064811f,#1b2a3db8)}.title-card{position:relative;width:min(720px,calc(100vw - 36px));padding:30px 36px 28px;border:4px solid rgba(255,255,255,.88);border-radius:34px;background:var(--glass);box-shadow:0 26px 80px #24212f54,inset 0 -6px #9b5d4421;text-align:center;overflow:hidden}.title-card:after{content:"🐾";position:absolute;right:24px;top:18px;font-size:60px;opacity:.12;transform:rotate(18deg)}.eyebrow{margin:0 0 -8px;color:#ac5d45;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:12px}h1{margin:0;font:800 clamp(44px,8vw,76px)/.93 "Baloo 2",cursive;color:var(--coral);letter-spacing:-.045em;text-shadow:0 4px 0 #fff,0 7px 0 rgba(110,64,55,.2)}h1 small{display:block;color:#4e536d;font-size:.42em;letter-spacing:.09em;margin-top:10px;text-transform:uppercase;text-shadow:none}.tagline{max-width:500px;margin:18px auto 20px;color:#655363;font-size:17px;font-weight:700}.join-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.join-slot{padding:10px 6px;min-height:71px;border:2px dashed rgba(72,62,78,.25);border-radius:16px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#7d707b}.join-slot.active{border-style:solid;color:#fff;box-shadow:inset 0 -4px #0000001f;transform:translateY(-2px)}.join-slot strong{display:block;font-family:"Baloo 2";font-size:18px;line-height:1}.color-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-8px 0 12px}.cat-color-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px;border:2px solid rgba(75,65,78,.15);border-radius:13px;background:#ffffff8c;color:#5c505d;cursor:pointer}.cat-color-button i{width:25px;height:25px;border:3px solid white;border-radius:50%;background:var(--coat);box-shadow:0 2px 5px #1e19234d}.cat-color-button span{font:900 11px Nunito;text-align:left}.cat-color-button small{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;font-size:8px;white-space:nowrap}.big-button{min-width:min(360px,82vw);border:0;border-radius:18px;padding:14px 28px 17px;color:#fff;background:var(--coral);box-shadow:0 7px #a84838,0 12px 24px #6d423e38;font:800 23px "Baloo 2";cursor:pointer;transition:transform .12s,box-shadow .12s}.big-button:hover{transform:translateY(-2px);box-shadow:0 9px #a84838,0 14px 26px #6d423e3d}.big-button:active{transform:translateY(5px);box-shadow:0 2px #a84838}.sound-button{display:block;margin:14px auto 0;padding:7px 14px;border:2px solid rgba(255,255,255,.8);border-radius:18px;background:#433949b8;color:#fff;font:800 12px Nunito;cursor:pointer;box-shadow:0 4px 14px #261e2b2e}.title-help{margin:16px 0 0;color:#84767f;font-size:12px;font-weight:700}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:18px;gap:14px}.pill{border:2px solid rgba(255,255,255,.7);background:var(--glass);border-radius:16px;box-shadow:0 7px 25px #3731422e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timer{padding:8px 20px 10px;text-align:center;min-width:124px}.timer span{display:block;color:#8b6972;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.timer strong{font:800 27px/1 "Baloo 2"}.chaos-wrap{justify-self:start;width:min(330px,30vw);padding:10px 13px}.chaos-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:5px}.meter{height:12px;background:#3e314221;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 3px #00000021}.meter>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#f6c74b,#e7614b);border-radius:inherit;transition:width .2s}.zone-badge{justify-self:end;padding:9px 14px;color:#5d4f5c;font-size:13px;font-weight:800}.world-event-badge{position:absolute;left:50%;top:78px;transform:translate(-50%);max-width:42vw;padding:6px 12px;color:#675364;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interaction-prompt{position:absolute;z-index:7;left:50%;bottom:22px;transform:translate(-50%);max-width:min(680px,60vw);padding:10px 18px;border-color:#ffe169e6;background:#342a39e6;color:#fff2a6;font:800 13px "Baloo 2";text-align:center;letter-spacing:.025em;animation:prompt-pulse 1.8s ease-in-out infinite}@keyframes prompt-pulse{50%{transform:translate(-50%) scale(1.025);box-shadow:0 8px 30px #ffcd4347}}.world-change{position:absolute;z-index:15;left:50%;top:20%;width:min(560px,calc(100vw - 32px));transform:translate(-50%);padding:18px 24px 20px;text-align:center;border:4px solid rgba(255,255,255,.92);border-radius:25px;background:linear-gradient(135deg,#43304ff5,#734060f2);color:#fff;box-shadow:0 20px 70px #20182a73;animation:world-change 5.2s both}.world-change span,.world-change small{display:block;color:#ffe074;font-size:11px;font-weight:900;letter-spacing:.16em}.world-change strong{display:block;margin:4px 0;font:800 30px "Baloo 2"}.world-change p{margin:2px 0 9px;font-size:14px;font-weight:700}@keyframes world-change{0%{opacity:0;transform:translate(-50%,-30px) scale(.75)}10%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.92)}}.players-hud{position:absolute;left:16px;bottom:16px;display:flex;gap:10px;align-items:end}.player-card{min-width:143px;padding:9px 12px 10px;background:var(--glass);border-radius:14px;border-left:6px solid var(--pc);box-shadow:0 7px 24px #37314233}.player-card .name{font:800 15px "Baloo 2"}.player-card .score{font:800 24px/1 "Baloo 2";color:var(--pc)}.player-card .combo{color:#a25642;font-size:11px;font-weight:800;min-height:15px}.player-card .gear{margin-top:3px;color:#655768;font-size:10px;font-weight:900;white-space:nowrap}.player-card .hat{color:#8b5975;font-size:10px;font-weight:900;white-space:nowrap}.objectives{position:absolute;right:16px;top:86px;width:min(290px,30vw);padding:13px}.objectives h2{margin:0 0 8px;font:800 16px "Baloo 2";color:#5e4d5b}.objective{margin-top:7px;padding:7px 8px;background:#ffffff73;border-radius:9px;border-left:4px solid #e28e59}.objective.done{opacity:.65;border-color:#62b78d}.objective strong{display:block;font-size:11px}.objective small{display:block;color:#816f7b;font-size:10px}.controls-card{position:absolute;right:16px;bottom:16px;padding:8px 12px;color:#756772;font-size:10px;font-weight:800}.world-map{position:absolute;right:16px;bottom:54px;width:190px;padding:8px}.world-map>strong{display:block;text-align:center;color:#786675;font:800 10px "Baloo 2";letter-spacing:.08em}.map-field{position:relative;width:172px;height:172px;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,#91bd78,#6da16f);border:2px solid rgba(255,255,255,.8);box-shadow:inset 0 0 28px #2449403d}.map-field:before,.map-field:after{content:"";position:absolute;background:#f9e0ad61}.map-field:before{left:49%;width:3px;height:100%}.map-field:after{top:49%;height:3px;width:100%}.map-zone{position:absolute;width:15px;height:15px;display:grid;place-items:center;transform:translate(-50%,-50%);font-style:normal;font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.map-wonder{position:absolute;z-index:1;width:11px;height:11px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#ffe26b;font-style:normal;font-size:11px;text-shadow:0 1px 3px #523a23,0 0 5px #fff3a4;animation:wonder-star 1.8s ease-in-out infinite}@keyframes wonder-star{50%{transform:translate(-50%,-50%) scale(1.35)}}.map-player{position:absolute;z-index:2;width:11px;height:11px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009;transition:left .08s linear,top .08s linear}.toast-stack{position:absolute;left:50%;top:88px;transform:translate(-50%);display:grid;gap:6px;justify-items:center}.split-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.viewport-frame{position:absolute;border:3px solid rgba(255,255,255,.88);box-shadow:inset 0 0 0 2px var(--pc),inset 0 0 28px #0000001f;animation:viewport-arrive .28s ease-out both}.viewport-frame>span{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:14px;background:#2a2330c7;border-left:5px solid var(--pc);color:#fff;font:800 12px "Baloo 2"}.teammate-arrow{position:absolute;color:var(--pc);filter:drop-shadow(0 3px 2px rgba(0,0,0,.65));transform-origin:center}.teammate-arrow b{display:block;font-size:32px;line-height:1;animation:arrow-throb .8s ease-in-out infinite alternate}.teammate-arrow span{position:absolute;left:32px;top:5px;min-width:58px;padding:2px 6px;border-radius:10px;background:#251f2acc;color:#fff;font:800 9px Nunito;transform:rotate(var(--unrotate,0));white-space:nowrap}@keyframes arrow-throb{to{transform:translate(5px) scale(1.12)}}@keyframes viewport-arrive{0%{opacity:0;box-shadow:inset 0 0 70px var(--pc)}}.split-active .world-map,.split-active .objectives,.split-active .controls-card{display:none}.split-active .players-hud{max-width:calc(100vw - 24px)}.split-active .interaction-prompt{bottom:8px;font-size:10px;padding:6px 10px}.toast{animation:toast 2.2s both;background:#3d2f3ee6;color:#fff;padding:8px 15px;border-radius:20px;font:800 14px "Baloo 2";box-shadow:0 5px 20px #0003}@keyframes toast{0%{opacity:0;transform:translateY(10px) scale(.9)}12%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.meow-pop{position:fixed;z-index:8;color:#fff;font:800 25px "Baloo 2";text-shadow:0 3px 0 #5a4358,0 0 7px rgba(0,0,0,.4);pointer-events:none;animation:meow .9s both}@keyframes meow{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-5deg)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-58px) scale(1.2) rotate(6deg)}}.pause-card,.results-card{width:min(560px,calc(100vw - 36px));padding:28px;border:4px solid #fff;border-radius:28px;background:var(--glass);box-shadow:0 24px 70px #1e1e2d61;text-align:center}.pause-screen,.results-screen{background:#262b3994;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.graphics-warning{z-index:50;background:linear-gradient(180deg,#8fcadd,#536c82)}.graphics-recovery{z-index:50;background:linear-gradient(180deg,#405c74e0,#262b39f0)}.wardrobe-screen{z-index:35;background:#232737d1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.travel-map-screen,.settings-screen{z-index:38;background:#1d2433e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.travel-map-card{width:min(1180px,calc(100vw - 24px));height:min(850px,calc(100vh - 20px));display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:6px;padding:20px;border:4px solid white;border-radius:28px;background:#fff8e4fa;box-shadow:0 24px 90px #0d121ea6}.travel-map-card h2,.settings-card h2{margin:0;text-align:center;font:800 34px "Baloo 2";color:var(--coral)}.travel-map-field{position:relative;min-height:0;border:4px solid rgba(255,255,255,.9);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,235,156,.35),transparent 20%),linear-gradient(135deg,#83b273,#508c6e);box-shadow:inset 0 0 80px #1a3e3859}.travel-map-field:before,.travel-map-field:after{content:"";position:absolute;pointer-events:none;background:#ffe0a33d;z-index:0}.travel-map-field:before{left:49.8%;width:4px;height:100%}.travel-map-field:after{top:49.8%;height:4px;width:100%}.travel-stop{position:absolute;z-index:2;width:24px;height:24px;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0;border:2px solid white;border-radius:50%;background:#f6c94d;box-shadow:0 2px 6px #1b21278c;cursor:pointer}.travel-stop span{display:none;position:absolute;left:24px;top:-4px;min-width:max-content;padding:3px 7px;border-radius:9px;background:#27222ee6;color:#fff;font:800 10px Nunito}.travel-stop:hover,.travel-stop.selected{z-index:5;transform:translate(-50%,-50%) scale(1.45);outline:4px solid #6de3ff}.travel-stop:hover span,.travel-stop.selected span{display:block}.travel-player{position:absolute;z-index:4;width:19px;height:19px;display:grid;place-items:center;transform:translate(-50%,-50%);border:3px solid white;border-radius:50%;color:#fff;font:900 9px Nunito;box-shadow:0 2px 5px #283744;pointer-events:none}.travel-actions{display:flex;justify-content:center;align-items:center;gap:10px}.travel-actions label{padding:8px 12px;border-radius:12px;background:#e9e4d9;font-size:12px;font-weight:900}.travel-actions button{border:0;border-radius:13px;padding:9px 18px;background:#61566e;color:#fff;font-weight:900;cursor:pointer}.travel-selected{margin:0;text-align:center;color:#76566f;font:800 17px "Baloo 2"}.settings-card{width:min(680px,calc(100vw - 30px));max-height:calc(100vh - 24px);overflow:auto;padding:28px;border:4px solid white;border-radius:28px;background:#fff8e4fa;box-shadow:0 24px 80px #1214228c;text-align:center}.settings-card h3{margin:18px 0 8px;color:#605266;font:800 18px "Baloo 2"}.settings-colors{margin:0}.setting-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-options button{padding:14px;border:3px solid transparent;border-radius:16px;background:#e7e1dc;color:#544b58;cursor:pointer}.setting-options button.selected{border-color:#55bcd3;background:#d8f4f1;box-shadow:0 4px #4399ac}.setting-options strong,.setting-options small{display:block}.setting-options strong{font:800 18px "Baloo 2"}.setting-options small{margin-top:3px;font-size:11px}.settings-card .big-button{margin-top:24px}.wardrobe-card{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 24px);overflow:auto;padding:24px;border:4px solid #fff;border-radius:28px;background:#fff8e4f7;box-shadow:0 24px 80px #1414238c}.wardrobe-card h2{margin:0;text-align:center;font:800 34px "Baloo 2";color:var(--coral)}.wardrobe-card h3{margin:16px 0 7px;font:800 17px "Baloo 2";color:#5e4d68}.collection-counts{margin:2px 0 10px;text-align:center;color:#7b6878;font-size:12px;font-weight:900}.wardrobe-actions{display:flex;justify-content:center;gap:8px;position:sticky;top:-24px;z-index:2;padding:8px;background:#fff8e4f5}.wardrobe-actions button{border:0;border-radius:14px;padding:8px 14px;background:#61566e;color:#fff;font-weight:900;cursor:pointer}.wardrobe-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px}.wardrobe-item{min-height:88px;padding:8px;border:3px solid transparent;border-radius:14px;background:#eee7dc;color:#544b57;text-align:left;cursor:pointer}.wardrobe-item b{float:left;margin-right:7px;font-size:25px}.wardrobe-item strong,.wardrobe-item small{display:block}.wardrobe-item strong{font:800 12px "Baloo 2"}.wardrobe-item small{margin-top:2px;font-size:9px;line-height:1.2}.wardrobe-item.locked{opacity:.48;filter:grayscale(.75);cursor:default}.wardrobe-item.equipped{background:#fff0a9;border-color:#e9ae38}.wardrobe-item.selected{outline:4px solid #6bc7dd;outline-offset:1px;transform:translateY(-1px)}.journal-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cameo-journal,.trial-journal,.creature-journal{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.cameo-journal span,.trial-journal span,.creature-journal span{padding:5px 8px;border-radius:9px;background:#ede7df;font-size:10px;font-weight:800}.cameo-journal .found,.trial-journal .found,.creature-journal .found{background:#d9f0d9;color:#356348}.cameo-journal .locked,.trial-journal .locked,.creature-journal .locked{color:#978c94}.pause-card h2,.results-card h2{margin:0;font:800 39px "Baloo 2";color:var(--coral)}.results-list{display:grid;gap:8px;margin:18px 0 22px}.result-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#ffffff8c;border-left:7px solid var(--pc);font-weight:800}.result-row.winner{transform:scale(1.03);background:#fff1bd}.result-row strong{font:800 23px "Baloo 2";color:var(--pc)}@media(max-width:760px){.objectives{width:220px;top:78px}.players-hud{gap:5px}.player-card{min-width:105px;padding:6px 8px}.player-card .name{font-size:12px}.player-card .score{font-size:19px}.controls-card{display:none}.world-map{right:8px;bottom:8px;transform:scale(.82);transform-origin:bottom right}.title-card{padding:24px 18px}.wardrobe-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}.journal-columns{grid-template-columns:1fr}.travel-map-card{padding:10px}.travel-stop{width:18px;height:18px;font-size:9px}.setting-options{grid-template-columns:1fr}}