@font-face{font-family:Baloo;src:url(/assets/baloo-2-variable.ttf)format("truetype");font-weight:400 800;font-display:swap}:root{color:#315c48;font-synthesis:none;--green:#4e9764;--dark:#28503d;--muted:#74866a;--cream:#fff9e9;--gold:#edbb50;--shadow:0 7px 0 #987d4c44,0 20px 50px #24471e30;background:#bedb9e;font-family:Baloo,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;transition:background .18s,transform .18s,box-shadow .18s}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #137da8}button:not(:disabled):active{transform:translateY(2px)}a{color:inherit}svg{display:block}.icon{vertical-align:middle;flex-shrink:0;width:23px;height:23px;display:inline-block}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.forest-background{z-index:-2;pointer-events:none;background:#c6e1a2 url(/assets/forest-clearing-v1.webp) 50%/cover no-repeat;position:fixed;inset:0}.forest-background:after{content:"";background:#fff6d714;position:absolute;inset:0}.screen-game .forest-background{filter:blur(3px)saturate(.85);transform:scale(1.02)}.screen-game .forest-background:after{background:radial-gradient(#f9f6d873,#f5f6df26 75%)}.site-header{background:linear-gradient(#fffdf0,#f4e8cb);border:2px solid #fff5d5;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;width:min(1220px,100% - 72px);min-height:64px;margin:20px auto 0;padding:10px 24px;display:flex;box-shadow:0 4px #ad986056,0 8px 15px #3554251f}.brand{align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{color:#6b9a66;filter:drop-shadow(0 3px #bfce9b);width:39px;height:41px}.brand-mark svg{width:100%;height:100%}.brand-name{letter-spacing:-1px;color:#32635c;font-size:26px;font-weight:800;line-height:1}.brand-name span{letter-spacing:4.5px;color:#7e9972;margin:5px 0 0 3px;font-size:9px;font-weight:700;display:block}.site-header nav{align-items:center;gap:18px;display:flex}.site-header nav>button{white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:8px;font-size:15px;font-weight:650;display:flex}.site-header nav>button:hover{background:#ebe7d16b;border-radius:12px}.nav-leader .icon{color:#c69c36}.site-header nav>.guest-button{color:#fffceb;background:linear-gradient(#8db67d,#6e9e67);border:1px solid #729662;border-bottom:3px solid #567d50;border-radius:15px;padding:8px 18px;box-shadow:inset 0 2px #c9dda063}.guest-button .icon{width:18px;height:18px}main{flex:1;width:min(1180px,100% - 64px);margin:0 auto}.screen-home main{place-items:center;padding:16px 0 12px;display:grid}.welcome-panel{filter:drop-shadow(0 13px 15px #2d4d292b);background:url(/assets/intro-frame.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;width:510px;min-height:636px;padding:62px 49px 65px;display:flex;position:relative}.welcome-heading{text-align:center;margin:0 0 17px}.game-wordmark{letter-spacing:-5px;color:#5f9d5b;paint-order:stroke fill;-webkit-text-stroke:5px #fff6d6;text-shadow:0 5px #2f6844,0 7px 5px #3c54252e;margin:0 0 12px;font-size:72px;font-weight:800;line-height:.95;transform:rotate(-4deg)}.game-wordmark>span{color:#efb43e;text-shadow:0 5px #b97e27}.welcome-heading h2{color:#54784e;margin:0;font-size:21px;font-weight:700;line-height:1.3}.setup-area{width:100%}.mode-options{gap:9px;display:grid}.mode-option{text-align:left;background:linear-gradient(#fffef8,#f8f1de);border:2px solid #e8d8af;border-bottom-width:3px;border-radius:17px;align-items:center;gap:11px;width:100%;min-height:72px;padding:11px 12px;display:flex;box-shadow:inset 0 2px #fffdfa}.mode-option:hover{background:#f7f9e9;border-color:#b4c88e}.mode-option.selected{background:linear-gradient(#eff8e4,#e3f0cd);border-color:#91b36c;box-shadow:inset 0 2px #fbffe9,0 2px #91b36c24}.mode-icon{color:#426d48;background:linear-gradient(#b4db9c,#82b272);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 2px #e8ffd6,0 2px #67985944}.mode-icon img{object-fit:cover;filter:drop-shadow(0 2px #88724d35);border-radius:50%;width:44px;height:44px}.mode-icon.solo{box-shadow:none;background:0 0}.mode-icon.local{color:#a3723b;background:linear-gradient(#ffd69a,#edba79);box-shadow:inset 0 2px #fff0d3,0 2px #b28a5144}.mode-icon.online{color:#6689a4;background:linear-gradient(#cee6f0,#a9cddd);box-shadow:inset 0 2px #f2ffff,0 2px #6e95ab44}.mode-icon .icon{stroke-width:2px;width:25px;height:25px}.mode-copy{flex-direction:column;gap:2px;display:flex}.mode-copy strong{font-size:16px;font-weight:700;line-height:1.2}.mode-copy small{color:#81916e;font-size:11px;font-weight:500;line-height:1.35}.radio-dot{background:#fffef4;border:1.5px solid #d5d4ba;border-radius:50%;flex-shrink:0;width:17px;height:17px;margin-left:auto}.selected .radio-dot{border-color:#7a9f59;position:relative}.selected .radio-dot:after{content:"";background:#7aa65b;border-radius:50%;position:absolute;inset:3px}.soon-tag{color:#88917b;background:#e7e8dc;border-radius:6px;flex-shrink:0;margin-left:auto;padding:3px 5px;font-size:9px}.difficulty-row{justify-content:space-between;align-items:center;gap:10px;min-height:32px;margin:12px 0 14px;display:flex}.difficulty-row>span{color:#7f8e69;font-size:12px}.level-options{background:#eae6d0;border-radius:9px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #b2a57a33}.level-options button{color:#8a9271;background:0 0;border-radius:7px;padding:3px 11px;font-size:11px;line-height:1.7}.level-options button.active{color:#638151;background:#fffdf1;font-weight:650;box-shadow:0 2px 2px #a99f7330}.mode-explanation{color:#7e8b69;align-items:center;gap:8px;min-height:32px;margin:12px 0 14px;font-size:11px;line-height:1.4;display:flex}.mode-explanation .icon{width:18px;height:18px}.primary-button{color:#fffdeb;text-shadow:0 2px #4d794357;background:linear-gradient(#93bd7e,#6e9c60);border:2px solid #7b9e5d;border-bottom:5px solid #547c46;border-radius:16px;justify-content:center;align-items:center;gap:15px;min-height:52px;padding:12px 22px;font-size:19px;font-weight:750;line-height:1.2;display:flex;box-shadow:inset 0 2px #ddedb88c,0 5px 10px #51704012}.primary-button:hover{background:linear-gradient(#9fc887,#75a568);box-shadow:inset 0 2px #e6f4c0,0 5px 12px #4b723a22}.primary-button:disabled{color:#f9faef;text-shadow:none;background:linear-gradient(#bdc8ac,#a4b299);border-color:#9eac88 #9eac88 #83946f;box-shadow:inset 0 2px #dfe6cf}.start-button{justify-content:center;width:100%}.start-button .icon{fill:#f8f9dd;stroke-width:1.5px;width:19px;height:19px}.welcome-help{color:#6f8867;background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;width:100%;min-height:22px;margin:14px 0 0;padding:0;font-size:12px;font-weight:600;display:flex}.welcome-help .icon{width:15px;height:15px}.welcome-help small{color:#9b9e80;width:100%;font-size:10px;font-weight:450;line-height:1.3}.welcome-help:hover{color:#36734c}.site-footer{color:#fffceb;text-shadow:0 1px 4px #26421ae0;justify-content:space-between;align-items:center;gap:15px;width:min(1180px,100% - 72px);margin:0 auto;padding:8px 0 14px;font-size:11px;font-weight:600;display:flex}.footer-dot{margin:0 5px}.sound-button{color:#647d55;background:linear-gradient(#fffced,#f2e5c6);border:1px solid #e3cf9d;border-bottom:3px solid #b6a16b;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:650;display:flex;box-shadow:inset 0 2px #fffdf3}.sound-button .icon{width:17px;height:17px}.screen-game{height:100dvh;min-height:550px}.screen-game main{flex:none;width:min(1220px,100% - 64px);height:100%}.game-stage{flex-direction:column;gap:24px;width:100%;height:100%;padding:24px 0 32px;display:flex}.game-toolbar{grid-template-columns:110px minmax(0,600px) 110px;justify-content:space-between;align-items:center;gap:18px;display:grid}.round-control,.game-tools .sound-button{color:#647d4f;background:linear-gradient(#fffef3,#f0e4c5);border:2px solid #eddeb7;border-bottom:4px solid #b4a071;border-radius:17px;justify-self:start;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:inset 0 2px #fffef9,0 5px 9px #334b2426}.round-control:hover,.game-tools .sound-button:hover{background:#fff9db}.round-control .icon{stroke-width:2.3px;width:23px;height:23px}.game-tools{justify-content:flex-end;gap:9px;display:flex}.game-tools .sound-button{border-radius:17px}.game-tools .sound-button span{display:none}.game-tools .sound-button .icon{width:22px;height:22px}.scoreboard{background:linear-gradient(#fffef4,#f8edd3);border:2px solid #e9d6a8;border-bottom:4px solid #bcab7b;border-radius:23px;justify-content:space-between;align-items:center;gap:15px;padding:12px 22px;display:flex;box-shadow:inset 0 3px #fffef6,0 7px 12px #3855221c}.player-score{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.player-score>span:not(.player-avatar){flex-direction:column;display:flex}.player-score strong{white-space:nowrap;font-size:17px;font-weight:700;line-height:1}.player-score>b{color:#6b9a4f;text-shadow:0 2px #fff;margin-left:auto;font-size:36px;font-weight:750;line-height:1}.player-score.opponent{text-align:right;justify-content:flex-end}.player-score.opponent>b{color:#c88b42;margin-left:0;margin-right:auto}.player-avatar,.kofen-avatar{color:#648e4e;background:linear-gradient(#d5e8b2,#acd48d);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px #a3b884,inset 0 2px #efffd1}.player-avatar .icon{width:22px;height:22px}.player-avatar.pink{color:#af7c44;background:linear-gradient(#ffdeb6,#efc28a);box-shadow:0 2px #c3a372,inset 0 2px #fff1d8}.kofen-avatar{object-fit:cover;background:#f8f0d1;border:2px solid #ecd9aa}.timer-block{color:#9e874d;border-left:1px solid #ded4b8;border-right:1px solid #ded4b8;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;column-gap:4px;width:80px;padding:0 8px;display:flex}.timer-block .icon{width:17px;height:17px}.timer-block strong{font-size:30px;font-weight:650;line-height:1.1}.timer-block>span{text-align:center;letter-spacing:1px;color:#a59873;width:100%;font-size:9px;line-height:1}.timer-block.time-low{color:#c76b4c}.play-panel{background:radial-gradient(at 45% 30%,#fffef6 0,#fff9e9 65%,#f5ebcf 100%);border:4px solid #ebd6a2;border-bottom:8px solid #bda777;border-radius:40px;flex-direction:column;flex:1;justify-content:center;min-height:0;max-height:790px;padding:25px 35px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #fffef8,inset 0 0 0 5px #f8edcc,0 20px 40px #36532628}.play-panel:before{content:"";pointer-events:none;opacity:.6;border:1px solid #e2d4ad;border-radius:26px;position:absolute;inset:14px}#board{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.game-cards{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.player-card{flex-direction:column;align-items:center;gap:18px;width:43%;min-width:0;display:flex}.card-owner{letter-spacing:2px;color:#81916d;background:#e9eedb;border:1px solid #dce2c9;border-radius:30px;padding:6px 17px;font-size:11px;font-weight:650}.player-card:last-child .card-owner{color:#ac8b57;background:#f5ebd2;border-color:#eee0ba}.hex-card{aspect-ratio:1/1.13;isolation:isolate;filter:drop-shadow(0 14px 8px #73653b26);flex-shrink:0;width:min(100%,43dvh,375px);position:relative}.hex-depth,.hex-rim,.hex-face{clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);position:absolute;inset:0}.hex-depth{background:linear-gradient(#b79648,#b08a35);transform:translateY(9px)}.hex-rim{background:linear-gradient(140deg,#fff1b8,#e6b943 48%,#cd9e34 75%,#f5d26d);box-shadow:inset 0 3px #fff}.hex-face{background:linear-gradient(145deg,#fffefa,#fffdf1 45%,#f8edcd 100%);inset:11px}.hex-face:after{content:"";opacity:.7;border:2px solid #e7dcb8;border-radius:36%;position:absolute;inset:9px}.opponent-hex .hex-depth{background:linear-gradient(#789854,#628641)}.opponent-hex .hex-rim{background:linear-gradient(140deg,#d9edac,#9bc478 48%,#709b52 75%,#b5d58d)}.opponent-hex .hex-face{background:linear-gradient(145deg,#fffff7,#fafdf0 45%,#e9efd7 100%)}.opponent-hex .hex-face:after{border-color:#d3dfb8}.card-symbols{z-index:2;position:absolute;inset:0}.symbol{width:28%;height:24.8%;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(var(--size));z-index:1;touch-action:manipulation;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:3%;transition:background .15s,scale .15s;display:flex;position:absolute}.symbol svg{filter:drop-shadow(0 2px #fff9dd)drop-shadow(0 4px 2px #48401c30);pointer-events:none;width:100%;height:100%;overflow:visible}.symbol.pos-0{top:21%;left:50%}.symbol.pos-1{top:37%;left:25%}.symbol.pos-2{top:37%;left:75%}.symbol.pos-3{top:63%;left:26%}.symbol.pos-4{top:63%;left:74%}.symbol.pos-5{top:80%;left:50%}.symbol:not(:disabled):hover{background:#f1de9b60;scale:1.1}.symbol:not(:disabled):active{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(var(--size));scale:.95}.symbol:focus-visible{outline-offset:0;z-index:3;background:#edf6da;outline:3px solid #72a1b4}.symbol:disabled{opacity:1}.symbol.matched{background:#c6e698b0;scale:1.1;box-shadow:0 0 0 4px #86b55950}.symbol.wrong{background:#edb6a560;animation:.3s wiggle}.versus{color:#c4ae64;opacity:.85;flex-shrink:0;place-items:center;margin-top:40px;display:grid}.versus .icon{stroke-width:1.5px;width:26px;height:26px}.match-feedback{color:#72905b;text-align:center;justify-content:center;align-items:center;gap:6px;min-height:36px;padding-top:8px;font-size:16px;font-weight:650;display:flex}.match-feedback .icon{width:18px;height:18px}.match-feedback.incorrect{color:#be8a65}.game-progress{background:#eae4cf;border-radius:20px;width:60%;height:7px;margin:9px auto 0;overflow:hidden;box-shadow:inset 0 2px #d7ccb0}.game-progress>div{background:linear-gradient(#bad786,#85b45f);border-radius:20px;height:100%;transition:width .3s;box-shadow:inset 0 1px #e5f3b4}.text-button{color:#728465;background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.text-button .icon{width:17px;height:17px}.text-button:hover{color:#33694a}.result-panel{background:var(--cream);width:min(560px,100%);box-shadow:var(--shadow),inset 0 2px 0 #fffdf2;text-align:center;border:4px solid #ebd19a;border-bottom:8px solid #bba16a;border-radius:35px;flex-direction:column;align-items:center;margin:32px auto 40px;padding:30px 45px;display:flex}.result-stars{color:#d7b44d;align-items:center;gap:14px;font-size:33px;display:flex}.result-stars span{color:#e9bb3e;filter:drop-shadow(0 4px #c5952e);font-size:75px}.eyebrow{letter-spacing:2px;color:#8b9d71;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.result-panel>.eyebrow{margin-top:12px}.result-panel h1{margin:15px 0 7px;font-size:32px;line-height:1.2}.result-panel>p{color:#8a9779;margin:5px 0;font-size:14px}.result-score{justify-content:center;align-items:center;gap:40px;margin:25px 0 15px;display:flex}.result-score>span{flex-direction:column;display:flex}.result-score small{color:#8e9a77;font-size:12px}.result-score strong{color:#7b9d57;font-size:65px;font-weight:750;line-height:1.3}.result-score>span:last-child strong{color:#c49b58}.result-score .result-dash{color:#c0b28a;font-size:30px}.result-stats{color:#8a9472;gap:24px;font-size:12px;display:flex}.result-stats .icon{width:15px;height:15px;margin-right:4px}.result-panel>.save-note{margin:20px 0 22px;font-size:11px}.result-panel .primary-button{width:100%;margin-bottom:12px}.result-panel .text-button{font-size:12px}.modal{color:#466448;background:#fff9e9;border:3px solid #ebd49b;border-bottom:6px solid #b9a16a;border-radius:28px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:35px;overflow-y:auto;box-shadow:inset 0 2px #fffef1,0 20px 90px #243b3540}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#29472c66}#modal-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.close-modal{color:#8d9671;background:#eee6ca;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-18px;right:-18px}.close-modal .icon{width:17px;height:17px}.modal-illustration{color:#67884d;background:linear-gradient(#d5e7af,#b0cf88);border-radius:22px;place-items:center;width:64px;height:64px;margin:4px 0 20px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 2px #f1ffd6,0 3px #87a35f}.modal-illustration .icon{width:32px;height:32px;transform:rotate(6deg)}.modal-illustration.yellow{color:#aa882f;background:linear-gradient(#ffe699,#eccc70);box-shadow:inset 0 2px #fff6cb,0 3px #bca15b}.modal .eyebrow{letter-spacing:1.8px;font-size:9px}.modal h2{margin:8px 0;font-size:29px;font-weight:750;line-height:1.3}.modal p{color:#8b977b;margin:0 0 15px;font-size:14px;line-height:1.65}.modal p strong{color:#63844e;font-weight:650}.modal .primary-button{width:100%;min-height:50px;margin-top:20px;font-size:16px}.how-steps{text-align:left;gap:12px;width:100%;margin:10px 0 18px;padding:0;list-style:none;display:grid}.how-steps li{color:#7a8c65;align-items:center;gap:12px;font-size:14px;display:flex}.how-steps b{color:#7b975b;background:#e3edcf;border-radius:9px;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.info-note{color:#899170;text-align:left;background:#eee9d3;border-radius:12px;width:100%;padding:13px 16px;font-size:12px;line-height:1.6}.empty-leader{padding:10px 0}.empty-leader svg{width:72px;height:72px;margin:auto}.empty-leader h3{margin:8px 0;font-size:19px;font-weight:650}.empty-leader p{font-size:12px}.leader-scroll{width:100%;max-height:300px;margin:10px 0;overflow-y:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{color:#949a7b;border-bottom:1px solid #e2d9bc;padding:8px;font-size:11px;font-weight:550}td{border-bottom:1px solid #e7dfc5;padding:10px 8px}td:last-child{white-space:nowrap}td strong{color:#728a5c;font-weight:600;display:block}td small{color:#929c79;font-size:10px;display:block}.rank{color:#8a9772;background:#e9ebd6;border-radius:8px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.top-rank{color:#ac8a35;background:#f1df9c}.account-roadmap{text-align:left;color:#7b9167;gap:10px;width:100%;margin:10px 0 20px;font-size:13px;display:grid}.account-roadmap .icon{color:#89a45f;width:15px;height:15px;margin-right:7px}.modal-secondary{margin-top:8px;font-size:12px}.toast{opacity:0;pointer-events:none;color:#fffbed;z-index:10;text-align:center;background:#4f804e;border-radius:13px;width:max-content;max-width:calc(100% - 30px);padding:12px 23px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 30px #37534022}.toast.visible{opacity:1;transform:translate(-50%)}.screen-home main{width:min(1080px,100% - 40px);padding:12px 0 18px}.illustrated-home{flex-direction:column;align-items:center;gap:12px;width:100%;margin:auto;display:flex}.home-heading{text-align:center;padding:8px 0 4px}.home-heading .game-wordmark{letter-spacing:-7px;-webkit-text-stroke:7px #fff6d6;margin:0;font-size:clamp(90px,10vw,140px);line-height:1.04}.home-heading p{color:#315c38;text-shadow:0 2px #fff8dd;margin:12px 0 0;font-size:clamp(20px,2.4vw,29px);font-weight:800;line-height:1.1}.illustrated-modes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;width:min(100%,1000px);display:grid}.illustrated-mode,.wooden-menu-button{background:0 0;border:0;border-radius:24%;min-width:0;padding:0;line-height:0;transition:transform .18s,filter .18s;display:block;position:relative}.illustrated-mode img{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.illustrated-mode:hover,.wooden-menu-button:hover{filter:brightness(1.045);transform:translateY(-6px)}.illustrated-mode:active,.wooden-menu-button:active{transform:translateY(2px)scale(.98)}.illustrated-mode:focus-visible,.wooden-menu-button:focus-visible{outline-offset:-5px;outline:4px solid #176a92}.wooden-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(570px,68%);margin-top:-4px;display:grid}.wooden-menu-button{border-radius:18%}.wooden-menu-button img{aspect-ratio:1.65;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.settings-controls{width:100%;margin:8px 0 25px}.settings-controls .difficulty-row{gap:12px;margin:0 0 18px}.settings-controls .difficulty-row>span,.settings-sound>span{color:#466448;font-size:14px}.settings-controls .level-options button{padding:6px 12px;font-size:13px}.settings-sound{justify-content:space-between;align-items:center;gap:12px;display:flex}@keyframes wiggle{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}@media (width>=1500px) and (height>=900px){.welcome-panel{width:555px;min-height:680px;padding:70px 54px 75px}.welcome-heading{margin-bottom:22px}.game-wordmark{font-size:83px}.welcome-heading h2{font-size:22px}.mode-option{min-height:78px}.mode-copy strong{font-size:17px}.mode-copy small{font-size:12px}.difficulty-row{margin:16px 0}.welcome-help{margin-top:18px}}@media (width<=1000px){.site-header,main{width:calc(100% - 44px)}.screen-game main{width:calc(100% - 40px)}.game-toolbar{grid-template-columns:85px minmax(0,520px) 100px;gap:12px}.scoreboard{gap:10px;padding:12px 14px}.player-score{gap:7px}.player-score strong{font-size:15px}.player-score>b{font-size:32px}.player-avatar,.kofen-avatar{width:34px;height:34px}.timer-block{width:65px}.game-cards{gap:25px}.play-panel{padding:25px 22px 20px}.game-stage{gap:20px}.player-card{width:45%}}@media (width<=760px){.site-header{min-height:60px;margin-top:15px;padding:10px 17px}.brand-name{font-size:23px}.brand-mark{width:35px;height:37px}.site-header nav{gap:10px}.site-header nav>button{font-size:13px}.site-header nav>.guest-button{padding:8px 12px}.screen-game main{width:calc(100% - 28px)}.game-stage{gap:16px;padding:16px 0 23px}.game-toolbar{grid-template-columns:48px minmax(0,1fr) 92px;gap:10px}.round-control,.game-tools .sound-button{border-radius:14px;width:41px;height:43px}.game-tools{gap:7px}.game-tools .sound-button{border-radius:14px}.scoreboard{border-radius:18px;gap:8px;padding:10px 12px}.player-score{gap:6px}.player-avatar{display:none}.kofen-avatar{width:30px;height:30px}.player-score strong{font-size:14px}.player-score>b{font-size:28px}.timer-block{width:53px;padding:0 5px}.timer-block .icon{display:none}.timer-block strong{font-size:25px}.game-cards{gap:15px}.play-panel{border-width:3px 3px 7px;border-radius:30px;padding:22px 12px 20px}.play-panel:before{border-radius:19px;inset:10px}.card-owner{letter-spacing:1.2px;padding:5px 13px;font-size:10px}.versus .icon{width:22px;height:22px}.player-card{gap:20px}.hex-card{width:min(100%,40dvh,350px)}.match-feedback{font-size:14px}.site-footer{width:calc(100% - 44px)}}@media (width<=600px){body{min-width:360px}.site-header{border-radius:20px;width:calc(100% - 28px);min-height:56px;margin-top:12px;padding:9px 14px}.brand-name{font-size:22px}.brand-name span{letter-spacing:3.8px;font-size:8px}.brand-mark{width:32px;height:35px}.brand{gap:6px}.site-header nav{gap:8px}.nav-leader>span{display:none}.site-header nav>.guest-button{border-radius:13px;padding:8px 11px;font-size:12px}.guest-button .icon{width:15px;height:15px}.nav-leader .icon{width:22px;height:22px}.screen-home main{width:100%;padding:15px 0 8px}.welcome-panel{width:min(460px,100%);min-height:610px;padding:61px 36px 63px}.welcome-heading{margin-bottom:16px}.game-wordmark{margin-bottom:10px;font-size:68px}.welcome-heading h2{font-size:19px}.mode-option{border-radius:15px;gap:9px;min-height:70px;padding:10px}.mode-icon{border-radius:11px;width:36px;height:36px}.mode-icon img{width:39px;height:39px}.mode-icon .icon{width:23px;height:23px}.mode-copy strong{font-size:14px}.mode-copy small{font-size:10px;line-height:1.35}.soon-tag{padding:3px 4px;font-size:8px}.radio-dot{width:15px;height:15px}.selected .radio-dot:after{inset:3px}.difficulty-row>span{font-size:11px}.level-options button{padding:3px 9px;font-size:10px}.difficulty-row{margin:12px 0}.primary-button{border-radius:14px;min-height:50px;padding:11px 18px;font-size:18px}.welcome-help{margin-top:12px;font-size:11px}.welcome-help small{font-size:9px}.mode-explanation{margin:12px 0;font-size:10px}.site-footer{width:calc(100% - 36px);padding:6px 0 12px;font-size:9px}.site-footer .sound-button{border-radius:10px;padding:6px 9px;font-size:9px}.footer-dot{margin:0 2px}.screen-game{min-height:480px}.screen-game main{width:calc(100% - 20px)}.game-stage{gap:14px;padding:14px 0 20px}.game-toolbar{grid-template-columns:35px minmax(0,1fr) 76px;gap:6px}.round-control,.game-tools .sound-button{border-width:1.5px 1.5px 3px;border-radius:12px;width:35px;height:37px}.round-control .icon,.game-tools .sound-button .icon{width:19px;height:19px}.game-tools{gap:5px}.game-tools .sound-button{border-radius:12px}.scoreboard{border-width:1.5px 1.5px 3px;border-radius:16px;gap:6px;min-height:61px;padding:11px 8px}.player-score{gap:5px}.player-score strong{font-size:11px}.player-score>b{font-size:23px}.kofen-avatar{display:none}.timer-block{column-gap:0;width:36px;padding:0 4px}.timer-block strong{font-size:22px}.timer-block>span{font-size:7px}.play-panel{border-radius:27px;flex:1;max-height:650px;padding:25px 9px 22px}.play-panel:before{border-radius:16px;inset:9px}.game-cards{justify-content:space-around;gap:0}.player-card{gap:22px;width:49%}.versus{display:none}.hex-card{filter:drop-shadow(0 10px 5px #73653b26);width:100%}.hex-face{inset:7px}.hex-depth{transform:translateY(6px)}.hex-face:after{border-width:1px;inset:5px}.symbol{padding:2.5%}.symbol svg{filter:drop-shadow(0 1px #fff9dd)drop-shadow(0 2px 1px #48401c25)}.card-owner{letter-spacing:.8px;padding:4px 10px;font-size:8px}.match-feedback{min-height:32px;padding-top:10px;font-size:12px}.match-feedback .icon{width:14px;height:14px}.game-progress{width:75%;height:6px;margin-top:10px}.result-panel{border-radius:28px;width:100%;margin:25px auto;padding:25px 22px}.result-panel h1{font-size:27px}.result-panel>p{font-size:12px}.result-panel .eyebrow{font-size:9px}.result-score{gap:35px}.result-stars span{font-size:65px}.result-panel .primary-button{font-size:16px}.modal{padding:30px 24px}.modal h2{font-size:26px}.modal p{font-size:13px}.modal .eyebrow{letter-spacing:1.3px;font-size:8px}.close-modal{top:-16px;right:-11px}.how-steps li,.account-roadmap{font-size:12px}.toast{padding:12px 16px;font-size:12px;bottom:22px}}@media (width<=600px) and (orientation:portrait){.play-panel{max-height:none;padding-top:17px;padding-bottom:18px}.game-cards{flex-direction:column;gap:15px}.player-card{gap:7px;width:auto}.hex-card{width:min(52vw,25dvh,230px)}.card-owner{padding:3px 10px;font-size:8px}.match-feedback{min-height:26px;padding-top:4px}.game-progress{margin-top:5px}.player-card:first-child .hex-card{transform:rotate(-3deg)}.player-card:last-child .hex-card{transform:rotate(3deg)}}@media (width<=385px){.welcome-panel{padding-left:31px;padding-right:31px}.mode-copy strong{font-size:13px}.mode-copy small{font-size:9px}.mode-option{gap:8px}.mode-icon{width:33px;height:33px}.mode-icon img{width:36px;height:36px}.soon-tag{font-size:7px}.level-options button{padding:3px 8px}}@media (height<=650px) and (width>=700px){.screen-game{min-height:420px}.game-stage{gap:12px;padding:12px 0 18px}.scoreboard{padding:8px 17px}.play-panel{border-radius:25px;padding:12px 20px 15px}.card-owner{padding:3px 12px;font-size:9px}.player-card{gap:8px}.hex-card{width:min(100%,46dvh,300px)}.match-feedback{min-height:22px;font-size:12px}.game-progress{margin-top:2px}.game-toolbar{grid-template-columns:110px minmax(0,520px) 110px}}@media (width<=760px){.screen-home main{width:calc(100% - 24px);padding:18px 0}.illustrated-home{gap:16px}.home-heading .game-wordmark{font-size:100px}.wooden-menu{gap:4px;width:min(540px,88%)}}@media (width<=600px){.screen-home main{width:calc(100% - 24px);padding:12px 0}.illustrated-home{gap:10px}.home-heading{padding:2px 0}.home-heading .game-wordmark{-webkit-text-stroke:5px #fff6d6;letter-spacing:-5px;font-size:86px}.home-heading p{margin-top:8px;font-size:21px}.illustrated-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:min(420px,100%)}.illustrated-mode:last-child{grid-column:1/-1;justify-self:center;width:50%;margin-top:-10px}.wooden-menu{gap:0;width:min(420px,100%);margin-top:0}.settings-controls .level-options button{padding:6px 10px;font-size:12px}}@media (height<=740px) and (width>=761px){.illustrated-home{gap:4px}.home-heading .game-wordmark{font-size:82px}.home-heading p{margin-top:7px;font-size:21px}.illustrated-modes{width:min(820px,100%)}.wooden-menu{width:470px}.screen-home main{padding:8px 0}}.site-header{width:calc(100% - clamp(28px,10vw,120px));min-height:66px;box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;margin:20px auto 0;padding:0}.site-header .brand{background:linear-gradient(#fffdf0,#f4e8cb);border:2px solid #fff5d5;border-radius:28px;min-height:66px;padding:12px 22px;box-shadow:0 3px #ad986056,0 6px 12px #3554251f}.site-header nav>.guest-button{text-shadow:0 2px #3b762c66;background:linear-gradient(#a2cf6d,#62a743 55%,#3c8638);border:2px solid #fff4d6;border-radius:999px;min-height:56px;padding:11px 24px;font-size:16px;font-weight:750;box-shadow:inset 0 3px #d5ecb78c,0 3px #567b39,0 5px 12px #35542533}.site-header nav>.guest-button:hover{background:linear-gradient(#b0dc7b,#72b751 55%,#499641);border-radius:999px}.site-header .guest-button .icon{width:23px;height:23px}@media (width<=600px){.site-header{gap:12px;min-height:56px;margin-top:12px}.site-header .brand{border-radius:23px;min-height:56px;padding:9px 14px}.site-header nav>.guest-button{min-height:47px;padding:9px 17px;font-size:13px}.site-header .guest-button .icon{width:19px;height:19px}}#app.screen-home{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid}.screen-home .site-header,.screen-home .site-footer{flex-shrink:0}.screen-home main{justify-content:center;align-items:center;min-height:0;padding:12px 0;display:flex;container-type:size}.screen-home .illustrated-home{grid-template-rows:minmax(0,1.6fr) minmax(0,3fr) minmax(0,1fr);justify-items:center;gap:clamp(2px,1cqh,10px);height:min(100cqh,700px);min-height:0;margin:0;display:grid}.screen-home .home-heading{align-self:center;min-height:0;padding:0}.screen-home .home-heading .game-wordmark{font-size:clamp(36px,16cqh,140px);line-height:1}.screen-home .home-heading p{margin-top:clamp(3px,1cqh,12px);font-size:clamp(12px,3.5cqh,29px)}.screen-home .illustrated-modes{width:min(100%,1000px,170cqh);height:100%;min-height:0}.screen-home .illustrated-mode,.screen-home .wooden-menu-button{height:100%;min-height:0}.screen-home .illustrated-mode img,.screen-home .wooden-menu-button img{aspect-ratio:auto;object-fit:contain;height:100%;min-height:0}.screen-home .wooden-menu{width:min(570px,100%);height:100%;min-height:0;margin:0}@media (width<=600px){.screen-home .illustrated-home{grid-template-rows:minmax(0,1.1fr) minmax(0,4fr) minmax(0,.8fr);gap:4px}.screen-home .home-heading .game-wordmark{font-size:clamp(36px,13cqh,86px)}.screen-home .home-heading p{font-size:clamp(12px,3.2cqh,21px)}.screen-home .illustrated-modes{grid-template-rows:repeat(2,minmax(0,1fr));width:min(420px,100%)}.screen-home .illustrated-mode:last-child{margin-top:0}.screen-home .wooden-menu{width:min(420px,100%)}}@media (height<=500px) and (width<=600px){.screen-home .illustrated-home{grid-template-rows:minmax(0,1fr) minmax(0,2.4fr) minmax(0,.9fr)}.screen-home .illustrated-modes{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.screen-home .illustrated-mode:last-child{grid-column:auto;width:100%}}.screen-home .illustrated-mode:has(.mode-art){--card-tilt:-3deg;--play-y:74%;place-items:center;display:grid;overflow:visible;container-type:size}.screen-home .illustrated-mode:nth-child(2){--card-tilt:1.5deg;--play-y:76%}.screen-home .illustrated-mode:nth-child(3){--card-tilt:3deg;--play-y:77%}.mode-art{width:min(100cqw,100cqh);height:min(100cqw,100cqh);transform:rotate(var(--card-tilt));transform-origin:50% 65%;pointer-events:none;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.screen-home .illustrated-mode .mode-card-image{object-fit:contain;width:100%;height:100%}.mode-play{left:50%;top:var(--play-y);aspect-ratio:1.65;transform-origin:50%;pointer-events:auto;width:38%;transition:transform .38s cubic-bezier(.34,1.56,.64,1),filter .24s;display:block;position:absolute;transform:translate(-50%,-50%)}.screen-home .illustrated-mode .mode-play img{object-fit:contain;width:100%;height:100%}.illustrated-mode:focus-visible .mode-art{transform:rotate(0)}.illustrated-mode:focus-visible .mode-play{filter:brightness(1.1)drop-shadow(0 3px 5px #ffd56a66);transform:translate(-50%,-50%)scale(1.18)}.illustrated-mode:focus-visible .mode-play img{animation:none}@media (hover:hover){.illustrated-mode:hover .mode-art{transform:rotate(0)}.illustrated-mode:hover .mode-play{filter:brightness(1.1)drop-shadow(0 3px 5px #ffd56a66);transform:translate(-50%,-50%)scale(1.18)}.illustrated-mode:hover .mode-play img{animation:none}.illustrated-mode .mode-play:hover{transform:translate(-50%,-50%)scale(1.25)}}.illustrated-mode:active .mode-art{transform:rotate(0)}.illustrated-mode:active .mode-play{filter:brightness(.98);transition-duration:.12s;transition-timing-function:ease-out;transform:translate(-50%,calc(4px - 50%))scale(.9)}.illustrated-mode:active .mode-play img{animation:none;transform:scale(1.03,.94)}@media (width<=600px){.screen-home .illustrated-mode:has(.mode-art){--card-tilt:-2deg}.screen-home .illustrated-mode:nth-child(2){--card-tilt:2deg}.screen-home .illustrated-mode:nth-child(3){--card-tilt:-2deg}}.screen-home .home-heading.mascot-heading{width:min(680px,100%);height:100%;min-height:0;padding:0}.mascot-heading .hero-wordmark{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.screen-home .illustrated-modes.parrot-modes .illustrated-mode{--play-y:81%}@media (width<=600px){.screen-home .illustrated-home:has(.mascot-heading){grid-template-rows:minmax(0,1.4fr) minmax(0,4fr) minmax(0,.8fr)}}@media (height<=500px) and (width<=600px){.screen-home .illustrated-home:has(.mascot-heading){grid-template-rows:minmax(0,1.2fr) minmax(0,2.6fr) minmax(0,.8fr)}}.site-header.account-header{justify-content:space-between;min-height:100px;margin-top:12px}.site-header .brand.home-brand{width:340px;min-width:0;height:112px;min-height:0;box-shadow:none;filter:drop-shadow(0 4px 6px #183d3740);background:0 0;border:0;border-radius:16px;flex-shrink:1;padding:0;transition:transform .2s;display:block}.account-header nav{flex-shrink:0}.home-brand img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.site-header .home-brand:focus-visible{outline-offset:4px;outline:3px solid #fff7df}.screen-home .illustrated-home:has(.game-heading){grid-template-rows:minmax(0,1.9fr) minmax(0,3fr) minmax(0,1fr)}.site-header nav>.account-button{width:245px;height:86px;min-height:0;box-shadow:none;filter:drop-shadow(0 3px 4px #173c3540);background:0 0;border:0;border-radius:18px;padding:0;line-height:0;transition:transform .38s cubic-bezier(.34,1.56,.64,1),filter .26s;display:block}.account-button img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.account-button:focus-visible img{animation:none}@media (hover:hover){.site-header nav>.account-button:hover{filter:drop-shadow(0 5px 6px #173c354f)brightness(1.025);background:0 0;border-radius:18px;transform:translateY(-3px)scale(1.08)}.account-button:hover img{animation:none}}.site-header nav>.account-button:active{filter:drop-shadow(0 1px 2px #173c3533);transform:translateY(2px)scale(.96,.93)}.account-button:active img{animation:none;transform:scale(1.03,.94)}.site-header nav>.account-button:focus-visible{outline-offset:3px;outline:3px solid #fdf9e8}.game-heading .hero-wordmark{filter:drop-shadow(0 4px 5px #345b4028)}.modal[data-kind=account]{background:#fffaf0;border:1px solid #eee5ca;border-bottom:3px solid #cdd7b8;box-shadow:0 24px 80px #203d3538}.modal[open][data-kind=account]{animation:.42s cubic-bezier(.22,1,.36,1) both account-dialog-enter}.modal[open][data-kind=account]::backdrop{animation:.3s ease-out both account-backdrop-enter}.modal[data-kind=account] .modal-illustration{color:#64805b;box-shadow:none;background:#e6edd7;transform:none}.modal[open][data-kind=account] .modal-illustration .icon{animation:.6s ease-out .12s both account-icon-greet}@keyframes account-dialog-enter{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes account-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes account-icon-greet{0%,to{transform:rotate(0)}35%{transform:rotate(-12deg)}65%{transform:rotate(8deg)}}@media (width<=600px){.site-header.account-header{width:calc(100% - 28px)}.site-header nav>.account-button{width:154px;height:60px}.site-header.account-header{gap:8px;min-height:66px;margin-top:8px}.site-header .brand.home-brand{width:196px;height:66px}.screen-home .illustrated-home:has(.game-heading){grid-template-rows:minmax(0,1.4fr) minmax(0,4fr) minmax(0,.8fr)}}@media (height<=500px){.site-header.account-header{min-height:54px;margin-top:4px}.site-header .brand.home-brand{width:190px;height:62px}}@media (height<=500px) and (width<=600px){.screen-home .illustrated-home:has(.game-heading){grid-template-rows:minmax(0,1.2fr) minmax(0,2.6fr) minmax(0,.8fr)}}.screen-home .soft-modes .illustrated-mode:hover{filter:brightness(1.015)}.soft-modes .illustrated-mode:focus-visible .mode-play{filter:brightness(1.04)drop-shadow(0 3px 4px #40553222)}@media (hover:hover){.soft-modes .illustrated-mode:hover .mode-play{filter:brightness(1.04)drop-shadow(0 3px 4px #40553222)}}.soft-modes .illustrated-mode:active .mode-play{filter:brightness(.98)}.home-pollen{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.pollen-grain{left:var(--pollen-x);width:var(--pollen-size);height:var(--pollen-size);opacity:0;pointer-events:none;animation:pollen-float var(--pollen-duration) var(--pollen-delay) linear infinite;will-change:transform;position:absolute;bottom:-26px}.pollen-grain i{background:radial-gradient(circle at 35% 30%,#fffde5,#f7e8ab 65%,#edcf7d);border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 5px #fff7cf55}.pollen-fluffy i{box-shadow:none;background:radial-gradient(circle,#fffdf1 0 10%,#0000 16%),repeating-conic-gradient(from 12deg,#0000 0deg 38deg,#fffbe8bb 39deg 44deg,#0000 45deg 60deg);border-radius:50%;position:relative;transform:scale(.85)}.pollen-fluffy i:before{content:"";background:radial-gradient(circle,#fffbe940,#0000 70%);border:1px dotted #fffbe899;border-radius:50%;position:absolute;inset:0}.pollen-fluffy i:after{content:"";transform-origin:top;background:linear-gradient(#fff5d9,#d9be7d);width:1px;height:85%;position:absolute;top:50%;left:50%;transform:rotate(-18deg)}@keyframes pollen-float{0%{opacity:0;transform:translate(0,0)rotate(-15deg)}10%{opacity:var(--pollen-opacity)}35%{transform:translate3d(calc(var(--pollen-drift) * .55),-38dvh,0) rotate(18deg)}65%{transform:translate3d(calc(var(--pollen-drift) * -.15),-72dvh,0) rotate(-12deg)}88%{opacity:var(--pollen-opacity)}to{opacity:0;transform:translate3d(var(--pollen-drift),calc(-100dvh - 60px),0) rotate(25deg)}}@media (width<=600px){.pollen-grain:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mode-art,.illustrated-mode:hover,.illustrated-mode:active,.site-header nav>.account-button:hover,.site-header nav>.account-button:active,.account-button:active img{transform:none}.illustrated-mode:hover .mode-play,.illustrated-mode:active .mode-play,.illustrated-mode:focus-visible .mode-play{transform:translate(-50%,-50%)}.illustrated-mode:active .mode-play img{transform:none}.home-pollen{display:none}}.game-inline-icon{width:25px;height:25px}.game-control-asset{object-fit:contain;image-rendering:auto;vertical-align:middle;pointer-events:none;flex-shrink:0;display:inline-block}.game-symbol{aspect-ratio:1;pointer-events:none;place-items:center;width:100%;display:grid}.game-symbol-art{background:url(/assets/game-ui/symbols-atlas-v14.webp) no-repeat;display:block}.game-surface{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;overflow:hidden}.game-surface img{object-fit:fill;image-rendering:auto;max-width:none;display:block;position:absolute}.surface-boardTall{display:none}#app.screen-game{height:100dvh;min-height:0}:is(.screen-game,.screen-result) .forest-background{background-image:var(--match-background,url(/assets/game-ui/forest-calm-warm-v23.webp));filter:none;background-position:50%;background-size:cover;transform:none}:is(.screen-game,.screen-result) .forest-background:after{background:#fff6d714;display:block}@media (width<=900px) and (orientation:portrait){:is(.screen-game,.screen-result) .forest-background{background-image:var(--match-portrait-background,var(--match-background,url(/assets/game-ui/forest-calm-warm-v23.webp)))}}.screen-game main{flex:none;width:100%;height:100%;min-height:0}.illustrated-game{gap:8px;padding:18px 0 0}.illustrated-game .game-toolbar{flex-shrink:0;grid-template-columns:1fr minmax(0,600px) 1fr;align-items:center;gap:20px;height:84px;padding:0 3.5%}.illustrated-game .game-art-button{width:72px;height:72px;min-height:0;box-shadow:none;filter:drop-shadow(0 3px 2px #643b2633);background:0 0;border:0;border-radius:20px;padding:0;transition:transform .2s,filter .2s;display:block}.illustrated-game .game-control-image{width:100%;height:100%;display:block}.illustrated-game .game-art-button:hover{filter:drop-shadow(0 5px 3px #643b263b);background:0 0;transform:translateY(-2px)scale(1.04)}.illustrated-game .game-art-button:active{transform:translateY(2px)scale(.96)}.illustrated-game .game-tools{justify-self:end;gap:16px}.illustrated-game .game-sound>span:not(.game-control-image){display:none}.illustrated-game .game-sound>.game-control-image{display:block}.illustrated-game .scoreboard{isolation:isolate;height:74px;min-height:74px;box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;padding:0 22px;position:relative}.illustrated-game .player-score{color:#7951a5;align-items:center;gap:8px;min-width:0}.illustrated-game .player-score strong{font-size:22px;font-weight:800;line-height:1.2}.illustrated-game:has(.local-cards) .player-score strong{font-size:16px;font-weight:700}.illustrated-game .player-score>b{color:#7951a5;text-shadow:none;font-size:40px;line-height:1}.illustrated-game .player-score.opponent,.illustrated-game .player-score.opponent>b{color:#347e45}.avatar-slot{flex-shrink:0;align-self:center;place-items:center;width:78px;height:78px;display:grid;position:relative}.screen-game .game-avatar{object-fit:contain;width:100%;height:100%;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;display:block;position:absolute;inset:0}.avatar-cheer{opacity:0}.screen-game .avatar-cheer{width:100%;height:100%;inset:0}.avatar-slot.is-cheering .avatar-idle{opacity:0}.avatar-slot.is-cheering .avatar-cheer{opacity:1;animation:.7s ease-in-out both parrot-hooray}@keyframes parrot-hooray{0%{transform:translateY(1px)scale(.96)}30%{transform:translateY(-4px)scale(1.08)rotate(-4deg)}60%{transform:translateY(-1px)scale(1.04)rotate(4deg)}to{transform:translateY(0)scale(1)}}.illustrated-game .timer-block{color:#82440d;border:0;flex-wrap:nowrap;gap:2px;width:88px;min-height:46px;padding:0}.illustrated-game .timer-block .game-inline-icon{width:34px;height:34px}.illustrated-game .timer-block strong{font-size:36px;font-weight:800;line-height:1}.illustrated-game .timer-block.time-low{color:#c74426}.illustrated-game .play-panel{isolation:isolate;min-height:0;max-height:none;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;gap:0;padding:34px 0 52px;overflow:visible}.illustrated-game .play-panel:before{display:none}.board-title{z-index:1;width:300px;height:52px;margin:0;line-height:0;position:absolute;top:0;left:50%;overflow:hidden;translate:-50%}.board-title img{object-fit:fill;image-rendering:auto;-webkit-user-select:none;user-select:none;pointer-events:none;width:104.98%;height:198.9%;display:block;position:absolute;top:-46.7%;left:-2.46%}.illustrated-game #board{flex:1;align-items:center;min-height:0;display:flex}.illustrated-game .game-cards{isolation:isolate;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(72%,1200px);height:100%;min-height:0;margin:0 auto;display:grid;position:relative;container-type:size}.illustrated-game .game-cards>.surface-woodenStage{height:clamp(100px,13dvh,145px);inset:auto -8% -44px;overflow:visible}.illustrated-game .player-card{isolation:isolate;justify-content:flex-end;gap:0;width:100%;height:100%;min-height:0;padding:0;position:relative;translate:none}.illustrated-game .hex-card{aspect-ratio:1/1.04;filter:none;width:min(100%,96.1539cqh)}.illustrated-game .hex-card:before,.illustrated-game .hex-card:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.illustrated-game .hex-card:before{filter:blur(5px);background:radial-gradient(#4c321b52 0%,#4c321b24 40%,#4c321b00 72%);width:86%;height:12%;bottom:-1.4%;left:8%;transform:skew(-8deg)}.illustrated-game .hex-card:after{filter:blur(2px);background:radial-gradient(#4c2c167d 0%,#4c2c1640 40%,#4c2c1600 73%);width:40%;height:4%;bottom:2.2%;left:30%}.illustrated-game .player-card>.surface-woodenStage{display:none}.illustrated-game .player-card .hex-card{transform:none}.hex-art{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(2px 5px 5px #48332221);width:100%;height:100%;display:block;position:absolute;inset:0}.illustrated-game .card-owner{letter-spacing:0;color:#82410d;width:27%;height:6.3%;min-height:0;box-shadow:none;white-space:nowrap;pointer-events:none;z-index:3;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:clamp(14px,1.9vw,27px);font-weight:800;line-height:1;display:grid;position:absolute;top:3.3%;left:50%;translate:-50%}.illustrated-game .player-card:last-child .card-owner{color:#096538;background:0 0;border:0;top:3.3%}.illustrated-game .card-symbols{inset:10% 7% 8%}.illustrated-game .symbol{background:0 0;width:27%;min-width:36px;height:28%;min-height:36px;padding:0}.illustrated-game .symbol .game-symbol{filter:drop-shadow(0 3px 2px #5b4c2426);scale:.88}.illustrated-game .symbol.pos-0{top:18%}.illustrated-game .symbol.pos-1,.illustrated-game .symbol.pos-2{top:38%}.illustrated-game .symbol.pos-3,.illustrated-game .symbol.pos-4{top:67%}.illustrated-game .symbol.pos-5{top:84%}.illustrated-game .match-feedback{z-index:4;color:#275d2e;white-space:nowrap;pointer-events:none;min-height:0;padding:0;font-size:17px;font-weight:800;line-height:1.2;position:absolute;bottom:75px;left:50%;translate:-50%}.illustrated-game .match-feedback .game-inline-icon{width:22px;height:22px}.illustrated-game .match-feedback.incorrect{color:#a84222}.illustrated-game .game-progress{isolation:isolate;width:270px;height:64px;min-height:0;box-shadow:none;z-index:4;background:0 0;border:0;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin:0;padding:0 14px 9px;display:flex;position:absolute;bottom:9px;left:50%;overflow:visible;translate:-50%}.progress-caption{color:#82410d;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;place-items:center;width:44%;margin:0;font-size:16px;font-weight:800;line-height:1;display:grid;position:absolute;top:27.5%;left:50%;translate:-50% -50%}.progress-dots{justify-content:center;align-items:center;gap:5px;width:max-content;display:flex;position:absolute;top:64%;left:50%;translate:-50% -50%}.progress-marker{flex:none;place-items:center;display:grid}.progress-dot{width:17px;height:17px;display:block}.dot-player-0{filter:hue-rotate(155deg)saturate(.92)}@media (width>=1600px){.illustrated-game{padding-top:24px}.illustrated-game .game-toolbar{grid-template-columns:1fr 760px 1fr;height:100px}.illustrated-game .scoreboard{height:88px;padding-inline:28px}.avatar-slot{width:96px;height:96px}.illustrated-game .game-tools{gap:22px}.illustrated-game .game-art-button{width:84px;height:84px}.board-title{width:380px;height:66px}.illustrated-game .play-panel{padding-top:55px;padding-bottom:90px}.illustrated-game .game-progress{gap:8px;width:320px;height:75px;padding-bottom:11px;bottom:20px}.progress-caption{font-size:19px}.progress-dot{width:20px;height:20px}.progress-dots{gap:6px}}@media (width<=1000px){.illustrated-game .game-toolbar{grid-template-columns:70px minmax(0,600px) 140px;gap:10px;height:76px;padding-inline:2%}.illustrated-game .game-art-button{width:62px;height:62px}.illustrated-game .game-tools{gap:4px}.illustrated-game .scoreboard{gap:10px;height:68px;min-height:0;padding-inline:15px}.avatar-slot{width:62px;height:62px}.illustrated-game .player-score{gap:5px}.illustrated-game .player-score strong{font-size:18px}.illustrated-game .player-score>b{font-size:34px}.illustrated-game .timer-block{width:72px}.illustrated-game .timer-block strong{font-size:32px}.illustrated-game .timer-block .game-inline-icon{width:28px;height:28px}.illustrated-game .game-cards{gap:15px;width:87%}.illustrated-game .card-owner{font-size:19px}}@media (width<=700px){.illustrated-game{gap:4px;padding-top:5px}.illustrated-game .game-toolbar{grid-template-rows:46px 60px;grid-template-columns:50px minmax(0,1fr) 100px;gap:4px 6px;height:110px;padding-inline:12px}.illustrated-game .game-toolbar>.round-control{grid-area:1/1}.illustrated-game .game-tools{grid-area:1/3;gap:4px}.illustrated-game .game-art-button{width:46px;height:46px}.illustrated-game .scoreboard{grid-area:2/1/auto/-1;gap:6px;height:60px;padding:0 12px}.avatar-slot{width:48px;height:52px}.illustrated-game .player-score{gap:4px}.illustrated-game .player-score strong{font-size:16px}.illustrated-game .player-score>b{font-size:29px}.illustrated-game .timer-block{width:63px;min-height:38px}.illustrated-game .timer-block strong{font-size:28px}.illustrated-game .timer-block .game-inline-icon{width:23px;height:23px}.board-title{width:265px;height:46px}.illustrated-game .play-panel{padding:45px 0 64px}.illustrated-game .game-cards{gap:0;width:100%}.illustrated-game .card-owner{font-size:15px}.illustrated-game:has(.local-cards) .card-owner{font-size:12px}.illustrated-game:has(.local-cards) .player-score strong{font-size:13px}.illustrated-game .game-progress{gap:5px;width:250px;height:59px;padding-bottom:8px;bottom:6px}.progress-caption{font-size:15px}.progress-dot{width:16px;height:16px}.progress-dots{gap:4px}.illustrated-game .match-feedback{font-size:14px;bottom:68px}}@media (width<=900px) and (orientation:portrait) and (height>=701px){.illustrated-game .play-panel{padding-top:60px}.illustrated-game .game-cards{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:32px;width:100%}.illustrated-game .game-cards>.surface-woodenStage{display:none}.illustrated-game .player-card{justify-content:flex-end}.illustrated-game .hex-card{width:min(86cqw,48.0769cqh - 15.3846px,410px)}.illustrated-game .player-card>.surface-woodenStage{width:min(101.48cqw,56.7308cqh - 18.1538px,483.8px);height:82px;display:block;inset:auto 50% -27px auto;overflow:visible;translate:50%}.illustrated-game .card-owner{font-size:18px}.illustrated-game:has(.local-cards) .card-owner{font-size:14px}}@media (width<=385px){.avatar-slot{width:42px}.illustrated-game .scoreboard{gap:4px;padding-inline:10px}.illustrated-game .player-score strong{font-size:14px}.illustrated-game .player-score>b{font-size:27px}.illustrated-game .timer-block{width:55px}.illustrated-game .timer-block strong{font-size:25px}}@media (height<=500px) and (orientation:landscape){.illustrated-game{gap:0;padding-top:3px}.illustrated-game .game-toolbar{grid-template-rows:auto;grid-template-columns:52px minmax(0,550px) 104px;gap:8px;height:59px;padding-inline:2%}.illustrated-game .scoreboard{grid-area:1/2;gap:6px;height:50px;padding:0 12px}.illustrated-game .game-tools{grid-area:1/3;gap:0}.illustrated-game .game-art-button{width:48px;height:48px}.avatar-slot{width:43px;height:46px}.illustrated-game .player-score strong{font-size:16px}.illustrated-game .player-score>b{font-size:29px}.illustrated-game .timer-block{width:62px;min-height:32px}.illustrated-game .timer-block strong{font-size:27px}.illustrated-game .timer-block .game-inline-icon{width:23px;height:23px}.illustrated-game .play-panel{padding:28px 0 43px}.board-title{width:225px;height:39px}.illustrated-game .game-cards{gap:22px;width:82%}.illustrated-game .card-owner{font-size:15px}.illustrated-game .game-progress{gap:4px;width:220px;height:48px;padding-bottom:6px;bottom:2px}.progress-caption{font-size:12px}.progress-dot{width:13px;height:13px}.progress-dots{gap:4px}.illustrated-game .match-feedback{font-size:12px;bottom:49px}}@media (prefers-reduced-motion:reduce){.illustrated-game .game-art-button:hover,.illustrated-game .game-art-button:active{transform:none}.avatar-slot.is-cheering .avatar-cheer{animation:none}}.illustrated-game .sea-pier-cards{--pier-wide-card-width:min(50cqw,calc(100cqh / 1.04));--pier-wide-height:clamp(112px,17dvh,160px)}.illustrated-game .sea-pier-cards>.surface-seaPierWide{inset:auto -4% calc(var(--pier-wide-card-width)*.04576 - var(--pier-wide-height)*.62);height:var(--pier-wide-height);overflow:visible}.illustrated-game .sea-pier-cards .player-card>.surface-seaPierCompact{display:none}.illustrated-game .sea-pier-cards .hex-card:before{filter:blur(4px);background:radial-gradient(#3e2d234d 0%,#3e2d2326 38%,#3e2d2300 72%);width:64%;height:7%;bottom:1%;left:18%;transform:skew(-8deg)}.illustrated-game .sea-pier-cards .hex-card:after{filter:blur(1.3px);background:radial-gradient(#37271b99 0%,#37271b52 38%,#37271b00 74%);width:30%;height:2.4%;bottom:3.2%;left:35%}@media (width<=900px) and (orientation:portrait){.illustrated-game .sea-pier-cards{--pier-card-width:min(82cqw,calc((50cqh - 11px)/1.04),350px);--pier-height:clamp(56px,8.5dvh,90px)}.illustrated-game .sea-pier-cards>.surface-seaPierWide{display:none}.illustrated-game .sea-pier-cards .player-card>.surface-seaPierCompact{inset:auto auto auto 50%;top:calc(50% + var(--pier-card-width)*.474 - var(--pier-height)*.38);width:calc(var(--pier-card-width)*1.15);height:var(--pier-height);display:block;overflow:visible;translate:-50%}}@media (height<=500px) and (orientation:landscape){.illustrated-game .sea-pier-cards{--pier-wide-height:82px}.illustrated-game .sea-pier-cards>.surface-seaPierWide{left:0;right:0}}.phaser-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.phaser-layer canvas{pointer-events:none;image-rendering:auto;display:block;width:100%!important;height:100%!important}.phaser-ready .symbol .game-symbol{opacity:0}.phaser-ready .symbol,.phaser-ready .symbol:not(:disabled):hover,.phaser-ready .symbol:not(:disabled):active,.phaser-ready .symbol.matched{scale:1}.phaser-ready .symbol.wrong{animation:none}.illustrated-game .symbol,.illustrated-game .symbol:not(:disabled):hover,.illustrated-game .symbol.matched,.illustrated-game .symbol.wrong{box-shadow:none;background:0 0;scale:1}.play-panel:not(.phaser-ready) .symbol.wrong .game-symbol-art{filter:sepia(.55)saturate(1.5)hue-rotate(320deg)}.illustrated-game.is-paused .avatar-cheer{animation-play-state:paused}.game-cards{will-change:transform,opacity}.play-panel[data-round-transition] .symbol{cursor:progress}.play-panel:not(.phaser-ready) .symbol.matched .game-symbol{animation:.62s ease-in-out both match-fallback}@keyframes match-fallback{0%{transform:scale(1)rotate(0)}43%{transform:scale(1.24)rotate(11deg)translateY(-7px)}to{transform:scale(1)rotate(0)}}@media (hover:hover) and (pointer:fine){.play-panel:not(.phaser-ready) .symbol:not(:disabled):hover:not(.matched) .game-symbol{transition:transform .17s ease-out;transform:scale(1.075)rotate(3deg)}}#app.screen-result{height:100dvh;min-height:0}.screen-result .site-header.account-header{z-index:2;pointer-events:none;width:calc(100% - clamp(28px,10vw,120px));min-height:0;margin:0;position:absolute;top:8px;left:50%;translate:-50%}.screen-result .site-header .brand.home-brand{pointer-events:auto;width:clamp(180px,18vw,300px);height:clamp(64px,6vw,102px)}.screen-result .site-header nav>.account-button{pointer-events:auto;width:clamp(154px,13vw,220px);height:clamp(58px,4.5vw,78px)}.screen-result main{flex:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:84px 16px 28px;display:flex}.illustrated-result{--result-width:min(700px,calc((100dvh - 166px)*1.08),calc(100vw - 32px));isolation:isolate;width:var(--result-width);height:auto;min-height:0;margin:calc(var(--result-width)*.19) auto 0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;flex:none;padding:0;display:block;position:relative;top:clamp(-22px,-2dvh,-10px);overflow:visible;container-type:inline-size}.illustrated-result>.surface-resultPanel{z-index:0;overflow:visible}.illustrated-result>.surface-resultPanel img{filter:drop-shadow(0 14px 15px #35491c24)}.result-mascots{z-index:-1;pointer-events:none;justify-content:center;align-items:flex-start;width:46cqw;height:30cqw;display:flex;position:absolute;bottom:calc(100% - 6cqw);left:50%;overflow:hidden;translate:-50%}.result-mascots img{object-fit:contain;filter:drop-shadow(0 4px 3px #3d3b1f16);flex:none;width:40cqw;height:40cqw;animation:.6s cubic-bezier(.22,1,.36,1) both result-hooray;display:block}.result-mascots.is-tied{width:67cqw}.result-mascots.is-tied img{width:32cqw;height:32cqw}.result-mascots.is-tied img:last-child{animation-delay:60ms}@keyframes result-hooray{0%{opacity:0;transform:translateY(14px)scale(.92)}70%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:none}}.result-content{z-index:1;flex-direction:column;align-items:center;padding:7.5cqw 7.7cqw 9cqw;display:flex;position:relative}.result-heading{width:100%}.illustrated-result h1{color:#315d32;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(25px,6.8cqw,48px);font-weight:800;line-height:1.15}.illustrated-result .result-subtitle{color:#7c8767;margin:.6cqw 0 0;font-size:clamp(14px,2.9cqw,20px);font-weight:500;line-height:1.4}.illustrated-result .result-score{grid-template-columns:minmax(0,1fr) 8% minmax(0,1fr);align-items:center;gap:1%;width:100%;margin:4.8cqw 0 0;padding:0;display:grid;position:relative}.illustrated-result .result-player{flex-direction:row;align-items:center;gap:2cqw;min-width:0;display:flex}.result-portrait{background:#eee4f3;border:2px solid #fffaf2;border-radius:50%;flex:none;width:14cqw;height:14cqw;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #4b3d3120}.result-opponent .result-portrait{background:#e4edce}.result-score-avatar{object-fit:contain;pointer-events:none;width:125%;max-width:none;height:125%;display:block;position:absolute;top:0;left:-12.5%}.result-opponent .result-score-avatar{width:130%;height:130%;top:-1%;left:-15%}.result-score-copy{flex-direction:column;flex:1;align-items:center;gap:.4cqw;min-width:0;display:flex}.illustrated-result .result-score small{color:#788365;white-space:nowrap;font-size:clamp(13px,2.7cqw,19px);font-weight:600;line-height:1.2}.illustrated-result .result-score strong{color:#8052a6;font-variant-numeric:tabular-nums;font-size:clamp(40px,9.5cqw,67px);font-weight:800;line-height:1}.illustrated-result .result-score .result-opponent strong{color:#347e45}.illustrated-result .result-score .result-dash{color:#c5b58e;flex-direction:row;align-self:center;font-size:4.5cqw;font-weight:500;line-height:1;display:block}.illustrated-result .result-stats{color:#7c8668;border-top:1px solid #d8c9a76b;justify-content:center;align-items:center;gap:3cqw;width:100%;margin:3.8cqw 0 0;padding:3cqw 0 0;font-size:clamp(12px,2.65cqw,18px);font-weight:500;line-height:1.3;display:flex}.illustrated-result .result-stats>span{white-space:nowrap;align-items:center;gap:.8cqw;display:flex}.illustrated-result .result-stats>span+span{border-left:1px solid #dfd4bc;padding-left:3cqw}.illustrated-result .result-stats .game-inline-icon{width:3.9cqw;min-width:20px;height:3.9cqw;min-height:20px}.result-actions{flex-direction:column;align-items:center;gap:2cqw;width:100%;margin:4.8cqw 0 0;display:flex}.illustrated-result .result-art-button{isolation:isolate;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:1.5cqw;padding:0;line-height:1.15;transition:transform .34s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex;position:relative}.illustrated-result .result-replay{aspect-ratio:315/56;color:#8b512e;width:72%;height:auto;text-shadow:none;letter-spacing:-.015em;white-space:nowrap;background:#fdcf9e;gap:2cqw;margin:0;font-size:4.5cqw;font-weight:800;overflow:hidden}.illustrated-result .result-replay .icon{transform-origin:50%;width:5cqw;height:5cqw}.illustrated-result .result-replay>span{padding-top:.25cqw}.illustrated-result .result-home{color:#7c8e6d;gap:1.7cqw;width:auto;height:7.5cqw;min-height:44px;margin:0;padding:0 2cqw;font-size:3.15cqw;font-weight:600}.illustrated-result .result-home .icon{width:4.8cqw;min-width:22px;height:4.8cqw;min-height:22px}.illustrated-result .result-art-button:hover{box-shadow:none;background:0 0}.illustrated-result .result-replay:hover{background:#fdcf9e}@media (hover:hover) and (pointer:fine){.illustrated-result .result-art-button:hover{filter:brightness(1.025);transform:translateY(-3px)scale(1.035)rotate(-.4deg)}.illustrated-result .result-home:hover .icon,.illustrated-result .result-replay:hover .icon{animation:.55s ease-in-out result-home-wave}}.illustrated-result .result-art-button:active{transition-duration:90ms;transform:translateY(2px)scale(.96,.92)}@keyframes result-home-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}.result-transition::view-transition-old(root){mix-blend-mode:normal;animation:.24s ease-out both result-screen-out}.result-transition::view-transition-new(root){mix-blend-mode:normal;animation:.44s cubic-bezier(.22,1,.36,1) both result-screen-in}@keyframes result-screen-out{to{opacity:0;transform:scale(.995)}}@keyframes result-screen-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@media (width<=600px){.screen-result .site-header.account-header{gap:8px;width:calc(100% - 24px);top:6px}.screen-result .site-header .brand.home-brand{width:186px;height:63px}.screen-result .site-header nav>.account-button{width:148px;height:56px}.screen-result main{padding:86px 12px 24px}.illustrated-result{--result-width:min(420px,calc(100vw - 24px));margin-top:25cqw}.result-mascots{width:58cqw;height:39cqw;bottom:calc(100% - 7cqw)}.result-mascots img{width:52cqw;height:52cqw}.result-mascots.is-tied{width:78cqw}.result-mascots.is-tied img{width:40cqw;height:40cqw}.result-content{padding:11cqw 6.7cqw 9cqw}.illustrated-result h1{font-size:clamp(25px,7.6cqw,32px)}.illustrated-result .result-subtitle{margin-top:2cqw;font-size:15px}.illustrated-result .result-score{grid-template-columns:minmax(0,1fr) 8% minmax(0,1fr);margin-top:6cqw}.illustrated-result .result-player{flex-direction:column;gap:3cqw}.result-portrait{order:-1;width:20cqw;height:20cqw}.illustrated-result .result-score-copy{gap:1cqw}.illustrated-result .result-score small{font-size:14px}.illustrated-result .result-score strong{font-size:45px}.illustrated-result .result-score .result-dash{align-self:end;padding:0 0 8px;font-size:25px}.illustrated-result .result-stats{margin-top:5cqw;padding-top:4cqw;font-size:13px}.result-actions{gap:2cqw;margin-top:5cqw}.illustrated-result .result-replay{gap:2cqw;width:82%;font-size:5.5cqw}.illustrated-result .result-replay .icon{width:5.6cqw;height:5.6cqw}.illustrated-result .result-home{height:10cqw;font-size:clamp(14px,3.15cqw,16px)}}@media (width<=600px) and (height<=700px){.screen-result main{padding-top:74px;padding-bottom:12px}.illustrated-result{margin-top:22cqw}.result-content{padding-top:8cqw;padding-bottom:7cqw}.illustrated-result h1{font-size:25px}.illustrated-result .result-score{margin-top:4cqw}.illustrated-result .result-stats{margin-top:3cqw;padding-top:3cqw}.result-actions{gap:1cqw;margin-top:3cqw}}@media (height<=500px) and (orientation:landscape){.screen-result .site-header.account-header{display:none}.screen-result main{padding:62px 12px 12px}.illustrated-result{--result-width:min(570px,calc(100vw - 24px));margin:0}.result-content{padding:25px 38px 20px}.result-mascots{width:190px;height:86px;bottom:calc(100% - 12px)}.result-mascots img{width:110px;height:110px}.result-mascots.is-tied{width:230px}.result-mascots.is-tied img{width:100px;height:100px}.illustrated-result h1{font-size:26px}.illustrated-result .result-subtitle{margin-top:2px;font-size:13px}.illustrated-result .result-score{margin-top:14px}.illustrated-result .result-player{gap:14px}.result-portrait{width:60px;height:60px}.illustrated-result .result-score small{font-size:13px}.illustrated-result .result-score strong{font-size:42px}.illustrated-result .result-score .result-dash{font-size:24px}.illustrated-result .result-stats{margin-top:12px;padding-top:10px;font-size:12px}.illustrated-result .result-stats .game-inline-icon{width:20px;height:20px}.result-actions{flex-direction:row;justify-content:center;gap:18px;margin-top:12px}.illustrated-result .result-replay{gap:10px;width:44%;font-size:17px}.illustrated-result .result-replay .icon{width:23px;height:23px}.illustrated-result .result-home{gap:8px;height:44px;padding:0;font-size:15px}.illustrated-result .result-home .icon{width:25px;height:25px}}@media (prefers-reduced-motion:reduce){.play-panel:not(.phaser-ready) .symbol:not(:disabled):hover:not(.matched) .game-symbol{transition:none;transform:none}.play-panel:not(.phaser-ready) .symbol.matched .game-symbol,.result-mascots img{animation:none}.illustrated-result .result-art-button{transition:none}.illustrated-result .result-art-button:hover,.illustrated-result .result-art-button:active{transform:none}.illustrated-result .result-home:hover .icon,.illustrated-result .result-replay:hover .icon{animation:none}.result-transition::view-transition-old(root){animation:none}.result-transition::view-transition-new(root){animation:none}}.modal[open].illustrated-modal{animation:.42s cubic-bezier(.22,1,.36,1) both account-dialog-enter}.modal[open].illustrated-modal::backdrop{animation:.3s ease-out both account-backdrop-enter}.modal[data-kind=account]{--account-width:clamp(410px,36vw,540px);width:min(var(--account-width),calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 140px);box-shadow:none;color:#315d3b;background:0 0;border:0;border-radius:32px;margin:auto;padding:0;overflow:visible;container-type:inline-size}.modal.illustrated-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#24402b42}.modal[open].illustrated-modal.is-closing{pointer-events:none;animation:.26s cubic-bezier(.4,0,.6,1) both account-dialog-exit}.modal[open].illustrated-modal.is-closing::backdrop{animation:.26s ease-out both account-backdrop-exit}@keyframes account-dialog-exit{0%{opacity:var(--account-exit-opacity,1);transform:var(--account-exit-transform,none)}to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes account-backdrop-exit{0%{opacity:var(--account-backdrop-exit-opacity,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.modal.illustrated-modal #modal-content{isolation:isolate;text-align:center;width:100%;display:block;position:relative}.modal.illustrated-modal .surface-resultPanel{z-index:-1;overflow:visible}.modal.illustrated-modal .surface-resultPanel img{filter:drop-shadow(0 13px 24px #243e3029)}.modal[data-kind=account] .account-mascot{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #78582b12);width:44cqw;height:auto;position:absolute;top:-23cqw;left:50%;translate:-50%}.account-content{flex-direction:column;align-items:center;padding:12cqw 8.5cqw 6.5cqw;display:flex}.modal[data-kind=account] h2{color:#315d3b;letter-spacing:-.015em;margin:0;font-size:clamp(28px,9.1cqw,46px);font-weight:800;line-height:1.15}.modal[data-kind=account] .account-description{color:#83927d;width:100%;margin:1cqw 0 0;font-size:clamp(15px,3.9cqw,19px);font-weight:500;line-height:1.45}.account-google{color:#403d48;white-space:nowrap;background:#fff;border:1px solid #e4e3df;border-radius:4cqw;justify-content:center;align-items:center;gap:4.5cqw;width:100%;height:14.5cqw;min-height:52px;margin:4.2cqw 0 0;padding:0 4cqw;font-size:clamp(17px,5.1cqw,23px);font-weight:700;line-height:1.1;transition:transform .27s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 7px #5e554115}.google-mark{flex:none;width:8.2cqw;max-width:38px;height:8.2cqw;max-height:38px;display:block}.modal[data-kind=account] .account-note{color:#7b8f6d;white-space:normal;margin:4.5cqw 0 0;font-size:clamp(13px,3.6cqw,16px);font-weight:550;line-height:1.4}.modal[data-kind=account] .account-test-signin{min-height:0;box-shadow:none;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:2px 0;text-decoration:underline;display:inline}.account-google:disabled{cursor:wait;opacity:.7}.account-button.is-signed-in{color:#315d3b;background:#fff8e9;border:1px solid #d8c89f;border-radius:22px;align-items:center;gap:10px;max-width:240px;min-height:48px;padding:8px 16px;font:700 18px/1.2 "Baloo 2",sans-serif;display:flex}.account-initial{color:#675087;background:#e7dff5;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.account-header-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal[data-kind=account] .account-status{color:#627c53;background:#eaf0df;border-radius:12px;width:100%;margin:3cqw 0 0;padding:2.5cqw 3cqw;font-size:clamp(12px,3.3cqw,15px);line-height:1.45}.modal.illustrated-modal .close-modal{z-index:3;color:#7b8d67;background:#e9ddbc;border:1px solid #d8c89f;border-radius:50%;width:8.4cqw;min-width:32px;max-width:44px;height:8.4cqw;min-height:32px;max-height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s;top:4.2cqw;right:6.2cqw;box-shadow:0 2px 2px #9a7c3f14}.modal.illustrated-modal .close-modal .icon{stroke-width:2px;width:4.6cqw;max-width:23px;height:4.6cqw;max-height:23px}.modal.illustrated-modal button:focus-visible{outline-offset:4px;outline:3px solid #588359}@media (hover:hover) and (pointer:fine){.account-google:hover{background:#fffefb;transform:translateY(-2px);box-shadow:0 6px 12px #5e554120}.modal.illustrated-modal .close-modal:hover{background:#e2d2aa;transform:rotate(8deg)scale(1.06)}}.modal[data-kind=account] .account-google:active{transform:translateY(1px)scale(.98)}.modal.illustrated-modal .close-modal:active{transform:scale(.94)}@media (width<=600px){.modal[data-kind=account]{--account-width:410px}.account-content{padding:14cqw 8cqw 8cqw}.modal[data-kind=account] .account-mascot{width:48cqw;top:-25cqw}.modal[data-kind=account] .account-description{font-size:15px}.account-google{border-radius:14px;gap:4cqw;margin-top:5cqw;font-size:17px}.modal[data-kind=account] .account-note{font-size:13px}}@media (height<=560px){.modal[data-kind=account]{--account-width:410px;max-height:calc(100dvh - 100px);margin:80px auto 12px}.account-content{padding:9cqw 8.5cqw 5cqw}.modal[data-kind=account] .account-mascot{width:34cqw;top:-18cqw}.modal[data-kind=account] h2{font-size:31px}.modal[data-kind=account] .account-description{font-size:15px}.account-google{height:52px;margin-top:3cqw;font-size:18px}.google-mark{width:28px;height:28px}.modal[data-kind=account] .account-note{margin-top:3cqw;font-size:13px}.modal[data-kind=account]:has(.account-status:not([hidden])){max-height:none;margin-top:62px}.modal[data-kind=account]:has(.account-status:not([hidden])) .account-mascot{width:28cqw;top:-14cqw}.modal[data-kind=account]:has(.account-status:not([hidden])) .account-note:not(:has(.account-test-signin)){display:none}.modal[data-kind=account] .account-status{margin-top:1.5cqw;padding:2cqw 3cqw;font-size:12px;line-height:1.45}}.modal:is([data-kind=leave],[data-kind=pause]){--leave-width:clamp(480px,60vw,620px);width:min(var(--leave-width),calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 130px);box-shadow:none;color:#3d6042;background:0 0;border:0;border-radius:32px;margin:auto;padding:0;overflow:visible;translate:0 clamp(18px,5.8dvh,42px);container-type:inline-size}.leave-mascot{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #78582b12);width:37cqw;height:auto;position:absolute;top:-21.5cqw;left:50%;translate:-50%}.leave-content{flex-direction:column;align-items:center;padding:13cqw 9cqw 7cqw;display:flex}.modal:is([data-kind=leave],[data-kind=pause]) h2{color:#3d6042;letter-spacing:-.015em;width:100%;margin:0;font-size:clamp(27px,6.7cqw,42px);font-weight:800;line-height:1.12}.modal:is([data-kind=leave],[data-kind=pause]) .leave-description{color:#8c9b7d;width:100%;margin:2cqw 0 0;font-size:clamp(15px,3.6cqw,21px);font-weight:500;line-height:1.4}.leave-continue{color:#8b512e;white-space:nowrap;background:#fdcf9e;border:0;border-radius:4cqw;justify-content:center;align-items:center;gap:3cqw;width:100%;height:12.6cqw;min-height:52px;margin:5.2cqw 0 0;padding:0 3cqw;font-size:clamp(19px,4.8cqw,28px);font-weight:800;line-height:1.1;transition:transform .34s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex}.leave-continue .icon{flex:none;width:5.4cqw;height:5.4cqw}.leave-home{color:#839674;background:0 0;border:0;justify-content:center;align-items:center;gap:2.5cqw;width:auto;height:9cqw;min-height:44px;margin:2cqw 0 0;padding:0 3cqw;font-size:clamp(15px,3.1cqw,19px);font-weight:650;line-height:1.2;transition:transform .34s cubic-bezier(.34,1.56,.64,1),color .2s;display:flex}.leave-home .icon{flex:none;width:5.4cqw;height:5.4cqw}@media (hover:hover) and (pointer:fine){.leave-continue:hover{filter:brightness(1.025);transform:translateY(-2px)scale(1.025)}.leave-home:hover{color:#617c53;transform:translateY(-2px)}.leave-continue:hover .icon,.leave-home:hover .icon{animation:.55s ease-in-out result-home-wave}}.modal:is([data-kind=leave],[data-kind=pause]) .leave-continue:active{transform:translateY(1px)scale(.97,.94)}.modal:is([data-kind=leave],[data-kind=pause]) .leave-home:active{transform:translateY(1px)scale(.98)}@media (width<=600px){.modal:is([data-kind=leave],[data-kind=pause]){--leave-width:480px;translate:0 16px}.leave-mascot{width:43cqw;top:-25cqw}.leave-content{padding:16cqw 8cqw 8cqw}.modal:is([data-kind=leave],[data-kind=pause]) h2{font-size:clamp(25px,7.1cqw,32px)}.modal:is([data-kind=leave],[data-kind=pause]) .leave-description{max-width:250px;margin-top:3cqw;font-size:15px}.leave-continue{border-radius:15px;gap:3cqw;height:16cqw;margin-top:6cqw;font-size:19px}.leave-continue .icon,.leave-home .icon{width:25px;height:25px}.leave-home{height:12cqw;margin-top:3cqw;font-size:15px}}@media (height<=560px) and (width>=601px){.modal:is([data-kind=leave],[data-kind=pause]){--leave-width:520px;max-height:calc(100dvh - 100px);translate:0 18px}.leave-content{padding:8cqw 9cqw 3cqw}.leave-mascot{width:29cqw;top:-15cqw}.modal:is([data-kind=leave],[data-kind=pause]) h2{font-size:25px}.modal:is([data-kind=leave],[data-kind=pause]) .leave-description{margin-top:1.5cqw;font-size:14px}.leave-continue{height:50px;margin-top:3cqw;font-size:21px}.leave-continue .icon,.leave-home .icon{width:26px;height:26px}.leave-home{height:40px;margin-top:1cqw;font-size:15px}}@media (prefers-reduced-motion:reduce){.leave-continue,.leave-home{transition:none}.leave-continue:hover,.leave-home:hover,.modal:is([data-kind=leave],[data-kind=pause]) .leave-continue:active,.modal:is([data-kind=leave],[data-kind=pause]) .leave-home:active{transform:none}.leave-continue:hover .icon,.leave-home:hover .icon{animation:none}}.modal[data-kind=pause]{--leave-width:clamp(410px,40vw,520px)}.modal[data-kind=pause] .pause-content{padding-bottom:10cqw}@media (width<=600px){.modal[data-kind=pause] .pause-content{padding-bottom:11cqw}}@media (height<=560px) and (width>=601px){.modal[data-kind=pause] .pause-content{padding-bottom:6cqw}}.loading-dialog{color:#3d6042;text-align:center;background:#fff9e9;border:2px solid #e2d1a8;border-radius:26px;width:min(380px,100vw - 32px);padding:30px 26px;box-shadow:0 18px 65px #243b3540}.loading-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#24402b60}.loading-dialog h2{margin:15px 0 8px;font-size:25px;line-height:1.2}.loading-dialog p{color:#748365;margin:0;font-size:15px;line-height:1.5}.loading-dialog .primary-button{width:100%;margin-top:20px;font-size:17px}.loading-dialog .text-button{min-height:44px;margin:12px auto 0;padding:6px 12px}.pending-screen{z-index:20;isolation:isolate;pointer-events:none;flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}#app.is-preparing{visibility:hidden}#app.is-preparing.is-entering{visibility:visible}.modal.is-preparing #modal-content{visibility:hidden}.modal.is-preparing .close-modal{visibility:visible}.modal.is-preparing:before{content:"";border:4px solid #e2e9ce;border-top-color:#6e9c60;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite loading-turn;position:absolute;top:calc(50% - 19px);left:calc(50% - 19px)}@keyframes loading-turn{to{transform:rotate(360deg)}}.modal:is([data-kind=leaderboard],[data-kind=invite]){width:min(560px,100vw - 32px);max-width:none;max-height:calc(100dvh - 64px);box-shadow:none;color:#3d6042;background:0 0;border:0;border-radius:28px;margin:auto;padding:0;overflow:visible;container-type:inline-size}.community-content{flex-direction:column;align-items:center;padding:9cqw 9cqw 10cqw;display:flex}.community-emblem{color:#a77b2b;background:#f8e5af;border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:12px;display:grid;rotate:-6deg}.community-emblem .icon{width:32px;height:32px;rotate:6deg}.invite-emblem{color:#64864f;background:#e2edcf}.modal .community-content h2{text-wrap:balance;margin:0;font-size:clamp(26px,6.5cqw,36px);font-weight:800;line-height:1.15}.modal .community-content>p{color:#79876c;text-wrap:balance;margin:10px 0 0;font-size:clamp(14px,3.1cqw,17px);line-height:1.45}.community-soon{color:#6b8057;background:#edf0dc;border-radius:30px;margin:14px 0;padding:4px 13px;font-size:12px;font-weight:700}.ranking-preview{background:#fffaf0;border:1px solid #e3d8bc;border-radius:16px;width:100%;overflow:hidden}.ranking-columns{text-align:left;color:#7b8569;background:#eee8d3;grid-template-columns:45px 1fr 45px;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:grid}.ranking-columns span:last-child{text-align:right}.ranking-empty{padding:22px 16px}.community-content h3{margin:0 0 8px;font-size:clamp(16px,3.7cqw,20px);font-weight:700;line-height:1.3}.modal .ranking-empty p,.modal .invite-alternative p{color:#7d886d;margin:0;font-size:14px;line-height:1.5}.modal .community-content .community-note{color:#7d886d;margin-top:17px;font-size:13px;line-height:1.5}.community-content .community-ready{border-radius:16px;gap:10px;height:auto;min-height:48px;margin-top:20px;padding:12px 14px;font-size:clamp(17px,4cqw,22px)}.community-ready .icon{width:23px;height:23px}.invite-alternative{padding:10px 0 4px}.community-dismiss{min-height:44px;margin-top:8px;font-size:14px}.modal[data-kind=account] .account-note{white-space:normal;text-wrap:balance}@media (height<=560px){.modal:is([data-kind=leaderboard],[data-kind=invite]){max-height:calc(100dvh - 32px);overflow:auto}.community-content{padding:24px 36px 28px}.community-emblem{width:40px;height:40px;margin-bottom:8px}.community-emblem .icon{width:25px;height:25px}.modal .community-content h2{font-size:26px}.community-soon{margin:10px 0}.ranking-empty{padding:13px}.modal .community-content .community-note{margin-top:10px}.community-content .community-ready{margin-top:12px}}@media (prefers-reduced-motion:reduce){.modal.is-preparing:before{border-style:dotted;animation:none}}.modal[data-kind=leaderboard]{border-radius:32px;width:min(780px,100vw - 32px);max-width:none;max-height:none;margin:auto;overflow:visible;translate:0 20px}.modal[data-kind=leaderboard] .leaderboard-mascot{width:136px;margin-top:7px;top:-80px}.leaderboard-content{flex-direction:column;gap:8px;height:min(750px,100dvh - 126px);min-height:0;padding:38px 55px 52px;display:flex}.modal[data-kind=leaderboard] h2{letter-spacing:-.015em;color:#3d6042;margin:0;font-size:clamp(28px,5.2cqw,40px);font-weight:800;line-height:1.15}.modal[data-kind=leaderboard] .leaderboard-heading p{color:#7b8c70;margin:4px 0 0;font-size:16px;line-height:1.4}.ranking-summary{justify-content:space-between;align-items:center;gap:10px;margin:4px 0;display:flex}.ranking-demo{color:#8b936e;white-space:nowrap;font-size:12px;font-weight:600}.ranking-self-link{color:#8459a2;background:#eee5f4;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 13px;font-size:14px;font-weight:700;line-height:1.2;display:flex}.ranking-self-link .icon{width:17px;height:17px}.ranking-self-hint{border-left:1px solid #cdbbda;padding-left:9px;font-size:12px;font-weight:500}.ranking-points-label{padding-left:20px;display:inline-block;position:relative}.ranking-points-label .ranking-point-art{object-fit:contain;width:20px;height:20px;position:absolute;top:50%;left:-2px;translate:0 -50%}.ranking-navigation{flex:none;align-items:center;gap:8px;width:100%;display:flex}.ranking-nav-button{color:#77825b;background:linear-gradient(#fff9e7,#f0e7cb);border:1px solid #ded3ad;border-bottom:3px solid #c3b58a;border-radius:20px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:4px 14px 4px 5px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .22s,background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #fffdf1,0 2px 3px #8e794114}.ranking-nav-icon{color:#7b9360;background:#e2e9cc;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 1px 1px #9cac6c14}.ranking-nav-button .icon{width:17px;height:17px}.ranking-nav-button:disabled{opacity:.4;box-shadow:none}.ranking-bottom{justify-content:center;margin-top:2px;padding-inline:64px}.ranking-top{grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);display:grid}.ranking-top .ranking-nav-button:first-child{grid-column:2}.ranking-top .ranking-nav-button:nth-child(2){grid-column:3}.ranking-top .ranking-range{white-space:nowrap;grid-column:4;justify-self:end;margin-left:0}.ranking-range,.ranking-window-note{color:#8b9376;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;line-height:1.2}.ranking-table{border-collapse:separate;border-spacing:0;text-align:left;flex-direction:column;flex:1;width:100%;min-height:0;margin:0;font-size:16px;display:flex}.ranking-table thead{flex:none;padding:2px 0 6px;display:block}.ranking-table tr{grid-template-columns:52px minmax(0,1fr) 92px;align-items:center;gap:12px;display:grid}.ranking-table thead th{color:#9a997d;border:0;padding:0 12px;font-size:12px;font-weight:600}.ranking-table thead th:last-child{text-align:right}.ranking-table tbody{scrollbar-width:thin;scrollbar-color:#bdc8a6 #f6f1e4;overscroll-behavior:contain;flex:1;grid-template-rows:repeat(9,minmax(34px,1fr));gap:4px;min-height:0;padding:2px 2px 4px;display:grid;overflow-y:auto}.ranking-row{background:#fbf6e9;border:1px solid #e9dfc8;border-radius:12px;min-height:34px;position:relative;box-shadow:0 1px #b5a5770a}.ranking-row:nth-child(2n){background:#f5f0df}.ranking-table .ranking-row th,.ranking-table .ranking-row td{border:0;min-width:0;padding:0 10px;line-height:1.15}.ranking-table .ranking-row th{color:#929676;text-align:center;font-size:15px;font-weight:650}.ranking-place{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:3px;display:flex}.ranking-place .icon{width:15px;height:15px}.medal-1{color:#bd8e32}.medal-2{color:#8d9fa1}.medal-3{color:#b48a67}.ranking-player{align-items:center;gap:12px;min-width:0;display:flex}.ranking-avatar{color:#849967;background:#e5ead1;border:1px solid #fff9ec;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar-color-1{color:#b68a5f;background:#f4e1c7}.avatar-color-2{color:#6e9c95;background:#dde9e7}.avatar-color-3{color:#ad7d9b;background:#ece0e8}.avatar-color-4{color:#9083ae;background:#e4dff0}.ranking-avatar img{object-fit:contain;width:140%;max-width:none;height:140%;position:absolute;top:-3%;left:-20%}.ranking-name{text-overflow:ellipsis;white-space:nowrap;color:#657854;font-weight:600;overflow:hidden}.ranking-you{color:#9a75b1;white-space:nowrap;background:#f7effb;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.ranking-table .ranking-points{text-align:right;color:#688454;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.ranking-row.is-self{background:#eee4f5;border-color:#bba1cc;box-shadow:0 1px 3px #8b65aa16}.ranking-row.is-self:before{content:"";background:#aa86c1;border-radius:0 4px 4px 0;width:4px;position:absolute;top:20%;bottom:20%;left:-1px}.ranking-row.is-self .ranking-name,.ranking-row.is-self .ranking-points,.ranking-row.is-self th{color:#8357a0;font-weight:800}.ranking-footer{flex:none;justify-content:center;align-items:center;margin-top:4px;display:flex}.ranking-footer .leaderboard-ready{color:#55793e;width:min(300px,65%);height:48px;min-height:48px;font:inherit;background:linear-gradient(#e4edc2,#d0dfa4);border:2px solid #aebe7f;border-bottom:4px solid #819b59;border-radius:28px;justify-content:center;align-items:center;gap:13px;margin:0;padding:4px 22px 5px 8px;font-size:20px;font-weight:800;line-height:1;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;box-shadow:inset 0 2px #f7fadf,0 3px 5px #8e9d6130}.ranking-home-badge{color:#86a561;background:#fff9e7;border:1px solid #cad7a1;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 2px #9aaf6a30}.leaderboard-ready .icon{width:19px;height:19px}@media (hover:hover) and (pointer:fine){.ranking-nav-button:not(:disabled):hover{background:#f6f5dd;border-color:#bbc895;transform:translateY(-2px);box-shadow:inset 0 1px #fffdf1,0 4px 6px #8e79411a}.ranking-self-link:hover{background:#e5d7ee;transform:translateY(-1px)}.ranking-footer .leaderboard-ready:hover{transform:translateY(-2px)rotate(-.6deg);box-shadow:inset 0 2px #f7fadf,0 5px 8px #8e9d6133}.leaderboard-ready:hover .ranking-home-badge{animation:.45s ease-in-out ranking-home-hello}}.ranking-footer .leaderboard-ready:active{transform:translateY(2px)scale(.98);box-shadow:inset 0 1px #f7fadf}@keyframes ranking-home-hello{0%,to{rotate:0deg}30%{rotate:-9deg}65%{rotate:7deg}}@media (width<=600px){.modal[data-kind=leaderboard]{width:calc(100vw - 24px);translate:0 12px}.modal[data-kind=leaderboard] .leaderboard-mascot{width:100px;top:-59px}.leaderboard-content{gap:7px;height:min(750px,100dvh - 112px);padding:35px 23px 50px}.modal[data-kind=leaderboard] h2{font-size:28px}.modal[data-kind=leaderboard] .leaderboard-heading p{font-size:14px}.ranking-demo{font-size:11px}.ranking-self-link{padding:5px 9px;font-size:12px}.ranking-self-hint{display:none}.ranking-navigation{gap:7px}.ranking-nav-button{gap:5px;min-height:34px;padding:3px 11px 3px 4px;font-size:12px}.ranking-nav-button .icon{width:15px;height:15px}.ranking-nav-icon{width:22px;height:22px}.ranking-bottom{padding-inline:20px}.ranking-range,.ranking-window-note{font-size:11px}.ranking-table tr{grid-template-columns:34px minmax(0,1fr) 58px;gap:4px}.ranking-table thead th{padding-inline:6px;font-size:11px}.ranking-table .ranking-row th,.ranking-table .ranking-row td{padding-inline:6px}.ranking-table .ranking-row th{font-size:13px}.ranking-table .ranking-points{font-size:15px}.ranking-place .icon{width:11px;height:11px}.ranking-player{gap:7px}.ranking-avatar{width:25px;height:25px;font-size:12px}.ranking-name{font-size:13px}.ranking-you{margin-left:auto;padding:3px 5px;font-size:10px}.ranking-demo-count{display:none}.ranking-footer .leaderboard-ready{gap:10px;width:82%;height:46px;min-height:46px;padding-right:15px;font-size:18px}.ranking-home-badge{width:30px;height:30px}}@media (height<=800px){.modal[data-kind=leaderboard]{translate:0 12px}.leaderboard-content{gap:4px;height:calc(100dvh - 96px);padding-block:27px 44px}.modal[data-kind=leaderboard] .leaderboard-mascot{width:90px;top:-53px}.modal[data-kind=leaderboard] h2{font-size:28px}.modal[data-kind=leaderboard] .leaderboard-heading p{margin-top:2px;font-size:12px}.ranking-summary{margin-block:2px}.ranking-nav-button{min-height:32px;padding-block:2px;font-size:12px}.ranking-nav-icon{width:22px;height:22px}.ranking-table tbody{grid-template-rows:repeat(9,minmax(27px,1fr));gap:3px}.ranking-row{border-radius:9px;min-height:27px}.ranking-avatar{width:23px;height:23px;font-size:12px}.ranking-name{font-size:13px}.ranking-table .ranking-points{font-size:14px}.ranking-footer .leaderboard-ready{height:44px;min-height:44px;font-size:18px}.ranking-home-badge{width:29px;height:29px}}@media (width>=601px) and (height>=601px) and (height<=800px){.ranking-name{font-size:15px}.ranking-avatar{width:27px;height:27px}}@media (width<=600px) and (height<=700px){.leaderboard-content{gap:2px;padding-block:18px 38px}.modal[data-kind=leaderboard] .leaderboard-heading p{display:none}.ranking-table thead{padding-bottom:3px}.ranking-footer{margin-top:2px}.ranking-footer .leaderboard-ready{height:44px;min-height:44px;font-size:17px}}@media (height<=500px) and (width>=601px){.modal[data-kind=leaderboard]{width:min(880px,100vw - 28px);translate:0}.modal[data-kind=leaderboard] .leaderboard-mascot{display:none}.leaderboard-content{grid-template-rows:28px minmax(0,1fr) 28px;grid-template-columns:minmax(190px,.75fr) minmax(0,1.4fr);gap:5px 26px;height:calc(100dvh - 28px);padding:18px 40px;display:grid}.modal[data-kind=leaderboard] .close-modal{width:28px;min-width:28px;height:28px;min-height:28px;top:4px;right:8px}.leaderboard-heading{grid-area:1/1/2;align-self:start}.modal[data-kind=leaderboard] h2{font-size:26px}.modal[data-kind=leaderboard] .leaderboard-heading p{font-size:12px}.ranking-summary{flex-direction:column;grid-area:2/1;align-self:center;gap:12px}.ranking-self-link{font-size:13px}.ranking-self-hint{display:none}.ranking-top{grid-area:1/2}.ranking-top .ranking-range{visibility:hidden}.ranking-table{grid-area:2/2;height:100%}.ranking-bottom{grid-area:3/2}.ranking-footer{grid-area:3/1;align-self:end;margin-bottom:14px}.ranking-footer .leaderboard-ready{gap:8px;width:100%;height:42px;min-height:42px;padding-right:12px;font-size:16px}.ranking-home-badge{width:27px;height:27px}.ranking-bottom{justify-content:center;padding-inline:24px}.ranking-nav-button{min-height:28px;padding:1px 10px 1px 3px}.ranking-nav-icon{width:20px;height:20px}.ranking-range,.ranking-window-note{font-size:11px}.ranking-table tr{grid-template-columns:33px minmax(0,1fr) 54px;gap:4px}.ranking-table thead th{padding:0 6px;font-size:10px}.ranking-table .ranking-row th,.ranking-table .ranking-row td{padding-inline:6px}.ranking-player{gap:6px}.ranking-you{display:none}.ranking-name{font-size:12px}.ranking-table tbody{grid-template-rows:repeat(9,minmax(24px,1fr));gap:2px}.ranking-row{min-height:24px}.ranking-table .ranking-row th{font-size:12px}.ranking-avatar{width:20px;height:20px;font-size:11px}.ranking-table thead{padding-bottom:3px}}@media (prefers-reduced-motion:reduce){.ranking-nav-button:not(:disabled):hover,.ranking-self-link:hover,.ranking-footer .leaderboard-ready:hover,.ranking-footer .leaderboard-ready:active{transform:none}.leaderboard-ready:hover .ranking-home-badge{animation:none}}body{min-width:320px}#app.screen-home{grid-template-columns:minmax(0,1fr)}.screen-home main,.screen-home .site-header{min-width:0}@media (width<=359px){.site-header nav>.account-button{width:136px}.illustrated-game .scoreboard{gap:3px;padding-inline:7px}.illustrated-game .avatar-slot{width:34px;height:44px}.illustrated-game .player-score{gap:3px}.illustrated-game .player-score strong{font-size:12px}.illustrated-game:has(.local-cards) .player-score strong{font-size:11px}.illustrated-game .player-score>b{font-size:24px}.illustrated-game .timer-block{flex:none;width:48px}.illustrated-game .timer-block strong{font-size:23px}.illustrated-game .timer-block .game-inline-icon{width:19px;height:19px}}@media (width<=900px) and (pointer:coarse),(width<=700px),(height<=500px) and (width<=1000px){.illustrated-game .game-cards>.surface-woodenStage,.illustrated-game .player-card>.surface-woodenStage,.illustrated-game .game-cards>.surface-seaPierWide,.illustrated-game .player-card>.surface-seaPierCompact{display:none!important}.illustrated-game .hex-card:before,.illustrated-game .hex-card:after{display:none}}@media (height<=600px) and (width<=600px){#app.screen-result{height:auto;min-height:100dvh;overflow:visible}.screen-result main{height:auto;min-height:100dvh;padding-top:100px}}@media (height<=500px) and (orientation:landscape){#app.screen-result{height:auto;min-height:100dvh;overflow:visible}.screen-result main{height:auto;min-height:100dvh;padding-top:96px}.illustrated-result{top:0}.illustrated-result .result-player{flex-direction:row;gap:10px}.result-portrait{order:0}.illustrated-result .result-replay{aspect-ratio:auto;white-space:normal;flex:1;width:auto;min-height:44px;padding:10px 12px;font-size:16px}.illustrated-result .result-home{flex:none}}@media (height<=560px){.modal.illustrated-modal{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdc8a6 #fff9e9;max-height:calc(100dvh - 24px);margin:auto;overflow:hidden auto;translate:none}.modal.illustrated-modal .account-mascot,.modal.illustrated-modal .leave-mascot{display:none}.modal.illustrated-modal .close-modal{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;top:10px;right:12px}.modal.illustrated-modal .close-modal .icon{width:20px;height:20px}.modal[data-kind=account]:has(.account-status:not([hidden])){max-height:calc(100dvh - 24px);margin:auto}.account-content{padding:42px 28px 28px}.leave-content,.modal[data-kind=pause] .pause-content{padding:44px 28px 28px}.modal:is([data-kind=leave],[data-kind=pause]) h2{font-size:27px}.modal:is([data-kind=leave],[data-kind=pause]) .leave-description{margin-top:10px;font-size:15px}.leave-continue{height:auto;min-height:48px;margin-top:16px;padding:12px;font-size:19px}.leave-home{height:auto;min-height:44px;margin-top:8px;font-size:15px}}@media (height<=500px) and (orientation:landscape) and (width<=600px){.illustrated-game .game-toolbar{grid-template-columns:44px minmax(0,1fr) 88px;gap:4px}.illustrated-game .game-art-button{width:44px;height:44px}.illustrated-game .scoreboard{gap:4px;padding-inline:8px}.illustrated-game .avatar-slot{width:28px;height:36px}.illustrated-game .player-score{gap:3px}:is(.illustrated-game .player-score strong,.illustrated-game:has(.local-cards) .player-score strong){font-size:11px}.illustrated-game .player-score>b{font-size:24px}.illustrated-game .timer-block{flex:none;width:44px}.illustrated-game .timer-block strong{font-size:23px}.illustrated-game .timer-block .game-inline-icon{width:17px;height:17px}.illustrated-game .game-cards{gap:12px;width:94%}}@media (width<=380px){.ranking-top{grid-template-columns:repeat(2,max-content);justify-content:center}.ranking-top .ranking-nav-button:first-child{grid-column:1}.ranking-top .ranking-nav-button:nth-child(2){grid-column:2}.ranking-top .ranking-range{display:none}}.modal[data-kind=setup]{overscroll-behavior:contain;color:#3d6042;scrollbar-width:thin;scrollbar-width:thin;scrollbar-color:#d7c49c transparent;background:radial-gradient(at 0 0,#fff3cb80,#0000 50%),#fffcf4;border:1.5px solid #e6ddc8;border-bottom:3px solid #c9c7ac;border-radius:28px;width:min(820px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;translate:none;box-shadow:0 24px 80px #203d3540;container-type:inline-size}.modal[data-kind=setup]::-webkit-scrollbar{width:5px}.modal[data-kind=setup]::-webkit-scrollbar-track{background:0 0;margin:28px 0}.modal[data-kind=setup]::-webkit-scrollbar-thumb{background:#d7c49c;border-radius:8px}.modal[data-kind=setup]::-webkit-scrollbar-button{display:none}.modal[data-kind=setup] .close-modal{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;position:absolute;top:16px;right:16px}.setup-content{text-align:left;flex-direction:column;align-items:stretch;gap:0;padding:28px;display:flex}.modal[data-kind=setup] h2{letter-spacing:-.02em;margin:5px 36px 6px 0;font-size:32px;font-weight:800;line-height:1.15}.setup-field{border:0;min-width:0;margin:22px 0 0;padding:0}.setup-field legend{color:#486a45;margin:0 0 10px;padding:0;font-size:18px;font-weight:750;line-height:1.3}.modal .setup-field>p{margin:-5px 0 10px;font-size:13px;line-height:1.4}.parrot-options,.setup-levels,.card-count-options,.rule-options{gap:8px;display:grid}.parrot-options{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.card-count-options{grid-template-columns:repeat(6,minmax(0,1fr))}.rule-options{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-field button{color:#738366;background:#fffdf6;border:1.5px solid #dfd5b6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:46px;padding:10px 8px;font-size:16px;font-weight:700;line-height:1.3;display:flex}.setup-field button[aria-pressed=true]{color:#355e39;background:#e8f0d8;border-color:#819f62;box-shadow:inset 0 0 0 1px #819f6250}.setup-field button:hover{border-color:#819f62}.parrot-options button{padding:8px 3px 12px;font-size:14px}.parrot-options img{object-fit:contain;width:64px;height:64px}.rule-options button{text-align:left;justify-content:flex-start;align-items:flex-start;gap:6px;padding:14px}.rule-options button strong{font-size:18px}.rule-options button span{font-size:13px;font-weight:500;line-height:1.4}.rotation-toggle{text-align:left;background:#f3eedf;border:1px solid #e5dcc6;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:14px;display:flex}.rotation-toggle>span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.rotation-toggle strong{font-size:17px}.rotation-toggle small{color:#7b896d;font-size:13px;line-height:1.35}.toggle-track{background:#c9c9b7;border-radius:20px;flex:none;width:48px;height:28px;transition:background .32s;position:relative}.toggle-track:after{content:"";background:#fffdf6;border-radius:50%;width:20px;height:20px;transition:transform .38s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #334c3526}[aria-pressed=true]>.toggle-track{background:#7d9e60}[aria-pressed=true]>.toggle-track:after{transform:translate(20px)}.modal .setup-start{min-height:52px;margin-top:18px;font-size:20px}.setup-content{--choice-color:#6b914b;--choice-wash:#edf5de;padding:18px 26px}.modal[data-kind=setup] h2{color:#6b4a28;margin:0 42px 0 0;font-size:31px}.setup-content .setup-field{margin-top:12px}.setup-content .setup-field legend{color:#62744c;margin-bottom:8px;font-size:17px}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px 24px;margin-top:12px;display:grid}.setup-grid .setup-field{margin:0}.setup-rotation-space{visibility:hidden;pointer-events:none}.setup-content .setup-field button,.setup-content .rotation-toggle{background:#fffdf7;border:1.25px solid #e8e1d3;border-bottom-width:2px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 2px #84794212}.setup-content .setup-field button{color:#7b7158;border-radius:14px;gap:0;min-height:44px;padding:7px 6px;font-size:17px}.setup-content .setup-field button[aria-pressed=true]{color:var(--choice-color);background:var(--choice-wash);border-color:color-mix(in srgb,var(--choice-color) 40%,#e5ddc9);box-shadow:0 2px #74885613}.setup-content :is(.setup-field button,.rotation-toggle):focus-visible{outline-offset:3px;outline:3px solid #418fbd}.parrot-options{gap:12px}.setup-content .parrot-options button{border-radius:21px;gap:7px;min-height:120px;padding:4px 10px 8px;overflow:visible}.parrot-art{place-items:center;width:100%;height:86px;display:grid;position:relative}.parrot-art:before{content:"";background:var(--choice-wash);opacity:.8;border-radius:50%;width:66px;height:48px;position:absolute;bottom:5px}.setup-content .parrot-options img{object-fit:contain;filter:drop-shadow(0 3px 2px #67512b17);pointer-events:none;transform-origin:50% 85%;width:86px;max-width:100%;height:86px;transition:transform .32s cubic-bezier(.2,.7,.25,1);display:block;position:relative}.parrot-name{font-size:18px;font-weight:800;line-height:1.25}.theme-copy{text-align:center;flex-direction:column;gap:2px;display:flex}.choice-check{background:var(--choice-color);color:#fff;opacity:0;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .18s,transform .22s cubic-bezier(.2,1.6,.4,1);display:grid;position:absolute;top:7px;right:7px;transform:scale(.5)}.choice-check .icon{stroke-width:2.8px;width:14px;height:14px}[aria-pressed=true]>.choice-check{opacity:1;transform:scale(1)}.win-target-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.setup-content .win-target-options button{flex-direction:row;gap:5px;min-height:48px}.win-target-options strong{font-size:21px;line-height:1}.win-target-options small{font-size:12px;font-weight:600}.setup-content .rotation-toggle{border-radius:17px;gap:10px;min-height:72px;margin:0;padding:10px 13px}.setup-content .rotation-toggle strong{font-size:17px}.setup-content .rotation-toggle small{font-size:12px}.setup-content .rotation-toggle[aria-pressed=true]{background:#edf5de;border-color:#b2c29d}.setup-content[data-players=local] .rotation-toggle{grid-column:1/-1;min-height:60px}.setup-content .rule-options{gap:12px}.setup-content .rule-options button{text-align:left;border-radius:18px;flex-direction:row;align-items:center;gap:10px;min-height:80px;padding:12px 26px 12px 12px}.rule-options button>span:not(.choice-check):not(.rule-emblem){flex-direction:column;gap:3px;display:flex}.setup-content .rule-options strong{font-size:18px;line-height:1.2}.setup-content .rule-options button>span>span{font-size:12px;font-weight:500;line-height:1.35}.rule-emblem{color:#a58239;background:#f6e9c6;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.rule-emblem .icon{width:22px;height:22px}.setup-footer{border-top:1px dashed #e7dfcc;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:12px;display:flex}.modal .setup-goal-note{color:#798363;text-align:left;margin:0;font-size:14px;line-height:1.4;display:block}.setup-goal-note .icon{vertical-align:middle;color:#d6a239;width:19px;height:19px;margin-right:3px}.setup-goal-note strong{color:#617f44}.modal .setup-content .setup-start{border-radius:17px;flex:none;width:auto;min-width:210px;min-height:52px;margin:0;font-size:21px;transition:transform .18s,box-shadow .18s;box-shadow:0 5px #68893d,0 8px 15px #667c3126}.setup-start .icon{width:22px;height:22px}.screen-game .timer-block strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(19px,2.1vw,29px)}@media (hover:hover) and (pointer:fine){.setup-content .setup-field button:hover{border-color:color-mix(in srgb,var(--choice-color) 55%,#e5ddc9);transform:translateY(-3px);box-shadow:0 4px #c6d1ae33}.setup-content .rotation-toggle:hover{border-color:#bdcba8}.parrot-options button:hover .parrot-art img{transform:translateY(-3px)rotate(-2deg)scale(1.025)}.modal .setup-content .setup-start:hover{transform:translateY(-3px);box-shadow:0 8px #68893d,0 11px 18px #667c3130}}.setup-content .setup-field button:active{box-shadow:none;transform:translateY(2px)scale(.97)}.modal .setup-content .setup-start:active{transform:translateY(4px)scale(.98);box-shadow:0 1px #68893d}.hex-turntable{transform-origin:50%;position:absolute;inset:0}.illustrated-game .symbol.scattered-symbol{width:24%;min-width:0;height:25%;min-height:0}.scattered-symbol .game-symbol{aspect-ratio:auto;height:100%}.is-paused .hex-turntable{animation-play-state:paused!important}.illustrated-game .player-score small{color:#82916f;font-size:12px;line-height:1}.illustrated-game .play-panel{padding-top:80px;padding-bottom:80px}.illustrated-game .card-progress{background:#fffaf0eb;border:1px solid #dfd5b6;border-radius:18px;justify-content:center;gap:3px;width:min(520px,100% - 24px);height:auto;min-height:54px;padding:9px 16px}.card-progress>strong{color:#486a45;font-size:16px;line-height:1.2}.card-progress #progress-caption{text-align:center;color:#7b896d;text-wrap:balance;width:100%;font-size:12px;font-weight:500;line-height:1.35;display:block;position:static;translate:none}.illustrated-game .match-feedback{bottom:76px}.card-transfer{z-index:8;pointer-events:none;isolation:isolate;position:absolute}.card-transfer .hex-card{opacity:1!important;width:100%!important;height:100%!important;transform:none!important}.card-transfer .symbol .game-symbol{opacity:1!important}.card-transfer .hex-turntable{animation:none!important}.card-transfer .card-owner{display:none}.is-paused .card-transfer{visibility:hidden}.card-pile{z-index:2;pointer-events:none;filter:drop-shadow(0 3px 2px #44311b38);width:56px;height:58px;position:absolute}.pile-cards,.pile-cards img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pile-cards img{transform:translateY(calc(var(--pile-index)*-2px)) rotate(-3deg)}.card-pile[data-pile-owner="1"] .pile-cards img{rotate:6deg}.card-pile b{color:#fff;background:#7355a0;border:2px solid #fff8df;border-radius:50%;place-items:center;min-width:25px;height:25px;padding:0 4px;font-size:14px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:0;right:-3px}.card-pile[data-pile-owner="1"] b{background:#347347}.card-pile[data-pile-count="0"] .pile-cards{opacity:.2}.pile-cards{transform-origin:50% 100%}.card-pile[data-receiving] .pile-cards img:last-child{visibility:hidden}.card-transfer .card-symbols{animation:.88s ease-in-out both transfer-card-face}.is-paused .card-transfer .card-symbols{animation-play-state:paused}@keyframes transfer-card-face{0%,65%{opacity:1}to{opacity:0}}@media (width<=760px){.setup-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=761px) and (height<=700px){.setup-content{padding:14px 22px 16px}.modal[data-kind=setup] h2{font-size:28px}.setup-content .setup-field,.setup-grid{margin-top:10px}.setup-grid .setup-field{margin:0}.setup-content .parrot-options button{min-height:112px}.parrot-art{height:78px}.setup-content .parrot-options img{width:78px;height:78px}.setup-content .rule-options button{min-height:72px;padding-block:10px}.setup-footer{margin-top:12px;padding-top:10px}.modal .setup-content .setup-start{min-height:48px}}@media (width>=761px) and (height<=620px){.setup-content{padding:10px 22px 12px}.setup-content .setup-field legend{margin-bottom:6px}.setup-content .parrot-options button{min-height:104px}.parrot-art{height:72px}.setup-content .parrot-options img{width:72px;height:72px}.setup-content .rule-options button{min-height:68px;padding-block:8px}.setup-footer{margin-top:10px;padding-top:8px}.modal .setup-content .setup-start{min-height:46px;padding:8px 18px;font-size:20px}}@media (width<=600px){.setup-content{padding:25px 18px 20px}.parrot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.parrot-options button{flex-direction:row;gap:4px;min-height:60px;padding:8px;font-size:14px}.parrot-options img{width:42px;height:42px}.rule-options{grid-template-columns:1fr}.rule-options button{gap:4px;padding:12px}.card-count-options{gap:5px}.setup-field{margin-top:18px}.setup-field legend{font-size:17px}.illustrated-game .play-panel{padding-top:70px;padding-bottom:80px}.card-progress>strong{font-size:14px}.card-progress #progress-caption{font-size:11px}.modal[data-kind=setup]{border-radius:24px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.modal[data-kind=setup] .setup-content{padding:20px 16px 22px}.modal[data-kind=setup] h2{font-size:27px}.setup-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.setup-content .parrot-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-content .parrot-options button{border-radius:18px;flex-direction:row;justify-content:flex-start;gap:6px;min-height:80px;padding:5px 9px}.parrot-art{flex:none;width:64px;height:64px}.parrot-art:before{width:52px;height:36px}.setup-content .parrot-options img{width:64px;max-width:none;height:64px}.parrot-name{font-size:17px}.choice-check{width:17px;height:17px;top:5px;right:5px}.choice-check .icon{width:12px;height:12px}.setup-content .rotation-toggle{min-height:62px}.setup-content .rule-options{grid-template-columns:1fr;gap:9px}.setup-content .rule-options button{min-height:72px;padding:11px 25px 11px 12px}.setup-footer{flex-direction:column;gap:12px;margin-top:18px;padding-top:14px}.modal .setup-goal-note{text-align:center;font-size:13px}.modal .setup-content .setup-start{width:100%;min-height:51px}}@media (width<=900px) and (orientation:portrait){.illustrated-game .game-cards{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:22px;width:100%}.illustrated-game .game-cards>.surface-woodenStage{display:none}.illustrated-game .player-card[data-owner="1"]{grid-row:1}.illustrated-game .player-card[data-owner="0"]{grid-row:2}.illustrated-game .player-card{justify-content:center}.illustrated-game .hex-card{width:min(82cqw,48.0769cqh - 10.5769px,350px)}.illustrated-game .player-card>.surface-woodenStage{display:none}.illustrated-game .card-owner{font-size:15px}}@media (width<=700px) and (orientation:portrait) and (height<=650px){#app.screen-game{height:auto;min-height:650px}.screen-game main{flex:none;height:650px}}@media (height<=500px) and (orientation:landscape){.illustrated-game .play-panel{padding-top:57px;padding-bottom:65px}.illustrated-game .card-progress{min-height:45px;padding:5px 12px;bottom:2px}.card-progress>strong{font-size:12px}.card-progress #progress-caption{font-size:10px}.illustrated-game .match-feedback{bottom:51px}}@media (prefers-reduced-motion:reduce){.hex-turntable{animation:none!important}.setup-content *,.setup-content :before,.setup-content :after{transition:none!important;animation:none!important}}@media (width<=380px){.setup-content .parrot-options button{gap:3px;padding-inline:6px}.parrot-art{width:52px}.setup-content .parrot-options img{width:52px;height:52px}.parrot-name{font-size:16px}}@media (width<=600px){.setup-content .theme-options button{gap:4px;padding-inline:5px}.theme-options .parrot-art{width:48px}.setup-content .theme-options img{width:48px;height:54px}.theme-copy{text-align:left}.theme-copy .parrot-name{font-size:16px}}@media (width<=380px){.theme-options .parrot-art{width:36px}.setup-content .theme-options img{width:40px;height:48px}.theme-copy .parrot-name{font-size:14px}}.modal[data-kind=help]{color:#3d6042;background:#fffaf0;border:1px solid #e6d8b2;border-bottom:4px solid #b3c298;border-radius:26px;width:min(740px,100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:0;overflow:visible;translate:none;box-shadow:0 24px 80px #203d3540;container-type:inline-size}.modal[data-kind=help] .close-modal{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;top:14px;right:14px}.help-content{text-align:left;grid-template-columns:1.12fr 1fr;grid-template-areas:"title title""intro intro""example rules""example ready";align-items:center;gap:12px 22px;min-height:0;padding:24px;display:grid}.modal[data-kind=help] h2{letter-spacing:-.015em;grid-area:title;margin:0 36px 0 0;font-size:32px;font-weight:800;line-height:1.15}.modal[data-kind=help] .help-description{color:#718567;grid-area:intro;margin:0;font-size:16px;line-height:1.4}.help-practice{pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:example;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:0;display:grid}.help-card-group{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.help-card-label{color:#8254aa;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.help-card-label:before{content:"";background:#9362b9;border-radius:50%;width:7px;height:7px}.help-card-label.is-opponent{color:#377d47}.help-card-label.is-opponent:before{background:#4a9859}.help-card{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.help-card-art{object-fit:contain;filter:drop-shadow(0 4px 2px #7d633222);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.help-symbol{aspect-ratio:1;background:0 0;border:0;border-radius:50%;place-items:center;width:30%;padding:4.5%;display:grid;position:absolute;transform:translate(-50%,-50%)}.help-symbol .game-symbol{filter:drop-shadow(0 2px 1px #59422c22)}.help-symbol .game-symbol-preview{image-rendering:auto;width:90%;height:90%;display:block;overflow:hidden}.help-pos-0{top:23%;left:50%}.help-pos-1{top:39%;left:75%}.help-pos-2{top:66%;left:75%}.help-pos-3{top:80%;left:50%}.help-pos-4{top:66%;left:25%}.help-pos-5{top:39%;left:25%}.help-card.is-opponent .help-pos-4 .game-symbol{rotate:15deg;scale:1}.help-symbol.is-match{--match-turn:11deg}.help-card.is-opponent .help-symbol.is-match{--match-turn:-11deg}.help-symbol.is-match .game-symbol{animation:1.8s ease-in-out .4s infinite help-match-loop}@keyframes help-match-loop{0%,46.2%,to{transform:translate(0)scale(1)rotate(0)}13.3%{transform:translate(2px,-5px) scale(1.18) rotate(var(--match-turn))}24.9%{transform:translate(-2px,-3px) scale(1.12) rotate(calc(var(--match-turn)*-.7))}35.6%{transform:translate(1px,-1px) scale(1.05) rotate(calc(var(--match-turn)*.4))}}.help-rules{border:0;grid-area:rules;align-self:end;width:100%;margin:0;padding:0}.help-limits{color:#647b52;justify-content:flex-start;align-items:center;gap:14px;font-size:14px;font-weight:700;display:flex}.help-limits span{align-items:center;gap:6px;display:flex}.help-limits .game-inline-icon{object-fit:contain;width:20px;height:20px}.help-limits i{background:#dcca9f;width:1px;height:17px}.modal[data-kind=help] .help-rules p{color:#5d7754;margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.4}.modal[data-kind=help] .help-rules .help-together{color:#7c8c70;margin-top:10px;font-size:12px;font-weight:500}.help-ready{border-radius:15px;grid-area:ready;align-self:start;gap:10px;width:100%;height:auto;min-height:46px;margin:0;padding:10px 12px;font-size:17px}.help-ready .icon{width:20px;height:20px}@media (width<=520px) and (height>=561px){.help-content{grid-template-columns:1fr;grid-template-areas:"title""intro""example""rules""ready";gap:12px;padding:22px 18px}.modal[data-kind=help] h2{font-size:28px}.modal[data-kind=help] .help-description{font-size:14px}.help-practice{justify-self:center;gap:16px;width:min(100%,320px)}.help-limits{justify-content:center}.modal[data-kind=help] .help-rules p{margin-top:8px;font-size:13px}.modal[data-kind=help] .help-rules .help-together{margin-top:8px;font-size:12px}}@media (width<=449px) and (height<=560px){.help-content{grid-template-columns:100px 1fr;gap:9px 12px;padding:18px 14px}.modal[data-kind=help] h2{font-size:26px}.modal[data-kind=help] .help-description{font-size:13px}.help-practice{grid-template-columns:1fr;gap:8px}.help-card-label{gap:4px;font-size:11px}.help-limits{flex-wrap:wrap;gap:7px;font-size:11px}.help-limits .game-inline-icon{width:16px;height:16px}.modal[data-kind=help] .help-rules p{margin-top:8px;font-size:12px}.modal[data-kind=help] .help-rules .help-together{margin-top:8px;font-size:11px}.help-ready{gap:5px;min-height:44px;padding:8px 6px;font-size:14px}.help-ready .icon{width:16px;height:16px}}@media (width>=450px) and (height<=500px){.help-content{grid-template-columns:1fr 1.15fr;gap:8px 16px;padding:14px 18px}.modal[data-kind=help] h2{font-size:26px}.modal[data-kind=help] .help-description{font-size:13px}.help-practice{justify-self:center;gap:7px;max-width:280px}.help-card-label{font-size:11px}.help-limits{gap:10px;font-size:12px}.help-limits .game-inline-icon{width:17px;height:17px}.modal[data-kind=help] .help-rules p{margin-top:7px;font-size:12px}.modal[data-kind=help] .help-rules .help-together{margin-top:7px;font-size:11px}.help-ready{gap:6px;min-height:44px;padding:8px;font-size:15px}}@media (prefers-reduced-motion:reduce){.help-symbol.is-match .game-symbol{animation:none}}.modal:is([data-kind=settings],[data-kind=profile]){width:min(860px,100vw - 28px);max-width:none;max-height:calc(100dvh - 100px);box-shadow:none;color:#3d6042;background:0 0;border:0;border-radius:30px;margin:auto;padding:0;overflow:visible;translate:0 16px;container-type:inline-size}.modal:is([data-kind=settings],[data-kind=profile]) #modal-content{display:flow-root}.modal:is([data-kind=settings],[data-kind=profile]) .settings-frame{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:clip}.settings-peeker{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1px #48613920);width:116px;height:78px;position:absolute;top:-66px;left:50%;translate:-50%}.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{text-align:left;flex-direction:column;align-items:stretch;min-width:0;padding:48px;display:flex}.modal:is([data-kind=settings],[data-kind=profile]) h2{letter-spacing:-.02em;color:#3c754a;text-align:center;margin:0 0 4px;font-size:32px;font-weight:800;line-height:1.15}.modal:is([data-kind=settings],[data-kind=profile]) .settings-description{color:#7c8a60;text-align:center;margin:0;font-size:14px;line-height:1.4}.modal:is([data-kind=settings],[data-kind=profile]) .close-modal{color:#7a8e49;background:#f5e8bb;border-color:#d8c78680;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;position:absolute;top:34px;right:36px}.settings-tabs{display:none}.settings-grid{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:16px;margin-top:20px;display:grid}.settings-tools{flex-direction:column;gap:14px;min-width:0;display:flex}.settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-redeem{border:1px solid #abc48270;border-radius:22px;min-width:0;margin:0;padding:18px;position:relative;box-shadow:0 4px #8aa45b19,inset 0 1px #ffffffe6}.settings-profile{background:linear-gradient(145deg,#f2f9df,#e6f1d5);border-color:#b4cf8d80;flex-direction:column;display:flex}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound{background:linear-gradient(135deg,#fff7d8,#fff0bd);border-color:#e3c56b75;box-shadow:0 4px #c6a54617,inset 0 1px #fffdf1}.settings-redeem{background:linear-gradient(135deg,#fff2e6,#ffe8d1);border-color:#e9bc8a80;flex:1;box-shadow:0 4px #cda46e17,inset 0 1px #fffdf2}.modal:is([data-kind=settings],[data-kind=profile]) h3{color:#507b3c;align-items:center;gap:8px;margin:0 0 12px;font-size:19px;font-weight:750;line-height:1.3;display:flex}.modal:is([data-kind=settings],[data-kind=profile]) h3>.icon{color:#85a34f;flex:none;width:22px;height:22px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound h3{color:#987128}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound h3>.icon{color:#c49a36}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem h3{color:#a36b3a}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem h3>.icon{color:#d29551}.profile-card-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.modal:is([data-kind=settings],[data-kind=profile]) .profile-card-heading h3{margin:0}.profile-edit{color:#6a9046;background:#fbffe9;border:1px solid #b4cd8870;border-bottom:2px solid #a5bf7460;border-radius:11px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:5px 8px;font-size:12px;font-weight:700;display:flex}.profile-edit .icon{width:14px;height:14px}.profile-summary{align-items:center;gap:10px;min-width:0;display:flex}.profile-summary>div{min-width:0}.profile-summary strong{color:#3d7543;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;line-height:1.2;display:-webkit-box;overflow:hidden}.profile-summary small{color:#749157;margin-top:5px;font-size:13px;line-height:1.4;display:block}.player-face{background:#eee4f3;border:2px solid #fffaf2;border-radius:50%;flex:none;width:40px;height:40px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #4b3d3118}.player-face img{object-fit:contain;pointer-events:none;width:125%;max-width:none;height:125%;display:block;position:absolute;top:0;left:-12.5%}.profile-initial.player-face{filter:drop-shadow(0 3px 2px #5d7a3b1a);width:86px;height:86px}.profile-id{color:#75924d;flex-direction:column;align-items:flex-start;gap:6px;margin:18px 0 0;font-size:12px;font-weight:650;display:flex}.profile-code-row{background:#faffed;border:1px solid #b4cc8a70;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px 5px 5px 12px;display:flex}.profile-id code{letter-spacing:2px;color:#507a3d;-webkit-user-select:all;user-select:all;white-space:nowrap;font:800 19px/1.3 "Baloo 2",sans-serif}.profile-code-row button{color:#6b963a;background:#e2efc5;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;padding:8px;display:grid}.profile-code-row button>.icon{width:19px;height:19px}.profile-copy-status{color:#638e39;font-size:12px;line-height:1.3}.profile-copy-status:empty{display:none}.profile-points{color:#89651f;text-align:left;background:linear-gradient(135deg,#fff8dd,#f8e9b7);border:1px solid #d9bd6b;border-radius:16px;align-items:center;gap:12px;width:100%;min-width:0;margin:14px 0 0;padding:12px;display:flex;box-shadow:inset 0 1px #fffdf2}.profile-points-icon{flex:none;place-items:center;width:42px;height:42px;display:grid}.profile-points-icon .ranking-point-art{object-fit:contain;filter:drop-shadow(0 2px 2px #a26a2530);width:125%;max-width:none;height:125%}.profile-points-copy{flex:1;min-width:0}.profile-points-copy strong{overflow-wrap:anywhere;font-size:23px;font-weight:800;line-height:1.2;display:block}.profile-points-copy small{font-size:11px;font-weight:600;line-height:1.4;display:block}.profile-points>.icon{flex:none;width:18px;height:18px}.profile-points:focus-visible{outline-offset:3px;outline:3px solid #b18b30}.profile-card-footer{margin-top:auto;padding-top:18px}.settings-profile-button{color:#416925;background:linear-gradient(#b5d981,#a4cb6b);border:1px solid #91b75d;border-bottom:3px solid #7ca147;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:9px 12px;font-size:15px;font-weight:750;display:flex;box-shadow:inset 0 1px #e9f8c4}.settings-profile-button>.icon{width:19px;height:19px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound{justify-content:space-between;align-items:center;gap:10px;width:100%;font-weight:400;display:flex}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound h3{margin-bottom:4px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound p{color:#a28b50;margin:0;font-size:13px;line-height:1.4}.modal:is([data-kind=settings],[data-kind=profile]) .sound-button{color:#a38538;min-height:44px;text-shadow:none;background:#fff9df;border:1px solid #dfbf6a99;border-bottom:3px solid #d2b06580;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff}.modal:is([data-kind=settings],[data-kind=profile]) .sound-button[aria-pressed=true]{color:#6a8a37;background:#e5f1c6;border-color:#a7bf77}.modal:is([data-kind=settings],[data-kind=profile]) .sound-button .icon{width:19px;height:19px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem h3{margin-bottom:7px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem>p{color:#a08765;margin:0;font-size:13px;line-height:1.45}#redeem-form{margin-top:14px}#redeem-form label{color:#a37a43;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.redeem-input-row{gap:7px;min-width:0;display:flex}.redeem-input-row input{color:#8b6741;width:0;min-width:0;min-height:44px;font:inherit;text-transform:uppercase;background:#fffaf2;border:1px solid #dec29a;border-radius:12px;flex:1;padding:9px 10px;font-size:13px}.redeem-input-row input:focus-visible{outline-offset:2px;outline:3px solid #d2a658}.redeem-input-row button{color:#955b29;background:linear-gradient(#ffcf96,#f6bd7f);border:1px solid #dca46d;border-bottom:3px solid #c78f55;border-radius:12px;flex:none;min-height:44px;padding:8px 10px;font-size:13px;font-weight:750}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem .redeem-status{overflow-wrap:anywhere;min-height:0;margin:0;font-size:12px}.redeem-status:empty{display:none}.modal:is([data-kind=settings],[data-kind=profile]) .redeem-status:not(:empty){margin-top:9px}.settings-footer{justify-content:center;margin-top:18px;display:flex}.settings-footer:has(.settings-legal-links){grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:10px;display:grid}.settings-footer:has(.settings-legal-links)>.settings-ready{grid-area:1/2}.settings-legal-links{font-size:12px;line-height:1.5;display:contents}.settings-legal-links>span{display:none}.settings-legal-links a{color:#617d4e;text-align:center;text-underline-offset:3px;border-radius:3px;grid-row:1;justify-self:center;max-width:100%;text-decoration:underline}.settings-legal-links a:first-child{grid-column:1}.settings-legal-links a:last-child{grid-column:3}.settings-legal-links a:hover{color:#365e39}.settings-legal-links a:focus-visible{outline-offset:4px;outline:2px solid #64883b}@media (width<=600px),(height<=560px){.settings-footer:has(.settings-legal-links){grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:8px}.settings-footer:has(.settings-legal-links)>.settings-ready{gap:5px;padding:6px;font-size:15px;width:96px!important}.settings-footer:has(.settings-legal-links)>.settings-ready .icon{width:17px;height:17px}.settings-legal-links{font-size:11px;line-height:1.4}}.modal:is([data-kind=settings],[data-kind=profile]) .settings-ready{color:#936024;background:linear-gradient(#ffdc9e,#fac77f);border:1px solid #e3b66e;border-bottom:3px solid #cc9954;border-radius:16px;align-self:auto;gap:10px;width:180px;height:auto;min-height:46px;margin:0;padding:10px 16px;font-size:19px;box-shadow:inset 0 1px #fff0ce}.settings-ready .icon{width:22px;height:22px}.settings-content button{transition:transform .23s cubic-bezier(.22,1,.36,1),filter .2s,box-shadow .2s}.settings-content button:disabled{opacity:.6;cursor:wait}.avatar-picker{border:0;min-width:0;margin:16px 0 0;padding:0}.avatar-picker legend{color:#638d40;margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.avatar-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.avatar-choice{color:#7c905b;cursor:pointer;background:#faffed;border:1px solid #bdcb9d88;border-bottom:3px solid #b3c58d66;border-radius:15px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:7px 3px 6px;font-size:12px;font-weight:700;transition:transform .25s,background .2s,border-color .2s;display:flex;position:relative}.avatar-choice input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-choice-art{aspect-ratio:1;pointer-events:none;width:100%;max-width:76px;height:auto;display:block}.avatar-choice-art img{object-fit:contain;width:125%;height:125%;transition:transform .3s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:-12.5%}.avatar-choice:has(input:checked){background:var(--avatar-wash);border-color:var(--avatar-color);color:#635c74}.avatar-choice:has(input:focus-visible){outline-offset:3px;outline:3px solid #4c946b}.avatar-choice:has(input:disabled){opacity:.6;cursor:wait}.avatar-choice-check{color:#fff;background:#87ac57;border-radius:50%;width:17px;height:17px;padding:2px;display:none;position:absolute;top:4px;right:4px}.avatar-choice:has(input:checked) .avatar-choice-check{display:block}.avatar-choice-check .icon{width:100%;height:100%;display:block}.profile-editor-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.profile-editor-actions button{color:#75934f;background:#f5fbdf;border:1px solid #b5ca8c;border-bottom:3px solid #a1ba76;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:40px;padding:7px 11px;font-size:13px;font-weight:750;display:flex}.profile-editor-actions button[type=submit]{color:#416628;background:#acd374;border-color:#8cb251}.profile-editor-actions .icon{width:16px;height:16px}.modal:is([data-kind=settings],[data-kind=profile]) .profile-status{color:#8c6644;margin:8px 0 0;font-size:12px;line-height:1.4}.profile-status:empty{display:none}@media (hover:hover) and (pointer:fine){.settings-content button:not(:disabled):hover{filter:brightness(1.035);transform:translateY(-2px);box-shadow:0 4px 8px #67813c16}.settings-content button:not(:disabled):hover>.icon{rotate:-7deg}.avatar-choice:not(:has(input:disabled)):hover .avatar-choice-art img{transform:translateY(-3px)rotate(-3deg)}}.settings-content button:not(:disabled):active{filter:brightness(.99);box-shadow:none;transform:translateY(1px)scale(.97)}.avatar-choice:active{transform:scale(.97)}:is(.settings-profile:has(#profile-avatar-form) .profile-id,.settings-profile:has(#profile-avatar-form) .profile-card-footer){display:none}.settings-profile:has(#profile-avatar-form) .profile-points{display:none}.settings-profile:has(#profile-avatar-form) .profile-initial{width:62px;height:62px}.settings-profile:has(#profile-avatar-form) .profile-summary small{display:none}.settings-profile:has(#profile-avatar-form) .avatar-picker{margin-top:12px}@media (height<=760px) and (width>=601px){.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{padding:51px 43px 48px}.modal:is([data-kind=settings],[data-kind=profile]) h2{font-size:29px}.settings-grid{gap:14px;margin-top:14px}.settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-redeem{padding:12px}.profile-card-heading{margin-bottom:6px}.profile-initial.player-face{width:54px;height:54px}.profile-id{margin-top:8px}.profile-card-footer{padding-top:10px}.settings-tools{gap:12px}.settings-footer{margin-top:14px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem>p{font-size:12px}.settings-profile:has(#profile-avatar-form) .profile-summary{display:none}.avatar-choice-art{max-width:64px}}@media (width<=600px),(height<=560px),(width>=601px) and (width<=1100px) and (height<=700px){.modal:is([data-kind=settings],[data-kind=profile]){width:min(520px,100vw - 20px);max-height:calc(100dvh - 86px);translate:0 15px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{padding:34px 30px}.modal:is([data-kind=settings],[data-kind=profile]) h2{font-size:28px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-description{font-size:12px}.modal:is([data-kind=settings],[data-kind=profile]) .close-modal{width:32px;min-width:32px;height:32px;min-height:32px;top:23px;right:22px}.settings-peeker{width:96px;height:64px;top:-55px}.settings-tabs{justify-content:center;gap:6px;margin-top:12px;display:flex}.settings-tabs button{color:#8c8d61;background:#f7efd7;border:1px solid #d7cba5;border-bottom:2px solid #c7b88b;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:38px;padding:7px 8px;font-size:13px;font-weight:700;display:flex}.settings-tabs button[aria-pressed=true]{color:#64883b;background:#e4efc4;border-color:#abc179}.settings-tabs .icon{width:17px;height:17px}.settings-grid{margin-top:12px;display:block}.settings-tools{display:contents}.settings-content .settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-content .settings-redeem{display:none}.settings-content[data-tab=profile] .settings-profile,.settings-content[data-tab=sound] .settings-sound{display:flex}.settings-content[data-tab=redeem] .settings-redeem{display:block}.settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-redeem{padding:14px}.profile-card-heading{margin-bottom:7px}.profile-summary strong{font-size:21px}.profile-initial.player-face{width:60px;height:60px}.profile-summary small{font-size:12px}.profile-id{margin-top:10px}.profile-card-footer{padding-top:12px}.settings-footer{margin-top:14px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-ready{width:180px;min-height:44px;font-size:17px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound{text-align:center;flex-direction:column;justify-content:center;gap:16px;min-height:180px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound h3{justify-content:center}.settings-profile:has(#profile-avatar-form) .profile-summary{display:none}.avatar-choice-art{max-width:68px}.profile-editor-actions button{min-height:40px}}@media (width<=600px) and (height<=650px),(height<=560px){.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{padding:28px 23px 30px}.modal:is([data-kind=settings],[data-kind=profile]) h2{font-size:26px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-description{display:none}.settings-tabs{gap:5px;margin-top:8px}.settings-tabs button{min-height:34px;padding:5px;font-size:12px}.settings-grid{margin-top:9px}.settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-redeem{padding:12px}.profile-card-heading{margin:0;position:absolute;top:9px;right:9px}.modal:is([data-kind=settings],[data-kind=profile]) .profile-card-heading h3{display:none}.profile-edit{min-height:32px;padding:4px 6px}.profile-edit span{display:none}.profile-summary{gap:8px;padding-right:24px}.profile-initial.player-face{width:46px;height:46px}.profile-summary strong{font-size:19px}.profile-summary small{display:none}.profile-id{gap:4px;margin-top:8px}.profile-code-row{padding:3px 3px 3px 10px}.profile-code-row button{width:34px;height:34px}.profile-id code{font-size:18px}.profile-card-footer{padding-top:10px}.settings-profile-button{min-height:40px;padding:7px;font-size:14px}.settings-footer{margin-top:10px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-ready{min-height:40px;padding:8px;font-size:16px}.avatar-picker legend{font-size:13px}.avatar-picker{margin-top:0!important}.avatar-choice-art{max-width:48px}.avatar-choice{padding:5px 3px;font-size:11px}.profile-editor-actions{margin-top:8px}.profile-editor-actions button{min-height:36px;padding:6px 9px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound{min-height:160px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem>p{font-size:12px}.redeem-input-row{flex-wrap:nowrap}.redeem-input-row input{flex:1;width:0;min-height:38px;font-size:12px}.redeem-input-row button{width:auto;min-height:38px;font-size:12px}#redeem-form label{display:none}#redeem-form{margin-top:10px}}@media (width>=450px) and (height<=430px){.modal:is([data-kind=settings],[data-kind=profile]){width:min(660px,100vw - 24px);max-height:calc(100dvh - 64px);translate:0 12px}.settings-peeker{width:72px;height:48px;top:-41px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{padding:19px 28px}.modal:is([data-kind=settings],[data-kind=profile]) h2{margin-bottom:0;font-size:23px;line-height:1.1}.modal:is([data-kind=settings],[data-kind=profile]) .settings-description{display:none}.modal:is([data-kind=settings],[data-kind=profile]) .close-modal{width:28px;min-width:28px;height:28px;min-height:28px;top:17px;right:20px}.settings-tabs{margin-top:7px}.settings-tabs button{min-height:28px;padding:3px 8px;font-size:12px;line-height:1.15}.settings-grid{margin-top:5px}.settings-profile,.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound,.settings-redeem{border-radius:15px;padding:9px 12px}.settings-content[data-tab=profile] .settings-profile{grid-template-columns:1fr 1fr;align-items:center;gap:8px 14px;display:grid}.profile-card-heading{margin:0;position:absolute;top:8px;left:auto;right:8px}.modal:is([data-kind=settings],[data-kind=profile]) .profile-card-heading h3{display:none}.profile-edit{min-height:28px;padding:4px}.profile-edit span{display:none}.profile-summary{grid-area:1/1;gap:6px;padding:0}.profile-summary strong{font-size:18px}.profile-summary small{display:none}.profile-initial.player-face{width:42px;height:42px}.profile-id{grid-area:1/2;gap:2px;margin:0;padding-right:28px;font-size:11px}.profile-id>span{display:none}.profile-id code{letter-spacing:1px;font-size:16px}.profile-code-row{gap:4px;padding:2px 2px 2px 8px}.profile-code-row button{width:28px;height:28px;padding:6px}.profile-card-footer{grid-column:1/-1;padding:0}.settings-profile-button{min-height:34px;padding:5px 8px;font-size:13px}.settings-content[data-tab=profile] .settings-profile:has(#profile-avatar-form){display:block}#profile-avatar-form{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.avatar-picker{margin:0!important}.avatar-picker legend{margin-bottom:3px;font-size:12px}.avatar-choices{gap:6px}.avatar-choice{border-radius:10px;gap:0;padding:3px;font-size:11px}.avatar-choice-art{max-width:36px}.profile-editor-actions{flex-direction:column;gap:5px;margin:0}.profile-editor-actions button{min-height:32px;padding:5px 9px;font-size:12px}.modal:is([data-kind=settings],[data-kind=profile]) .profile-status{grid-area:2/1/auto/-1;margin:0;font-size:11px}.settings-footer{margin-top:8px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-ready{width:160px;min-height:36px;padding:4px 10px;font-size:15px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-sound{text-align:left;flex-direction:row;gap:18px;min-height:100px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem h3{margin-bottom:3px;font-size:16px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-redeem>p{font-size:11px;line-height:1.3}#redeem-form{margin-top:5px}.redeem-input-row{flex-wrap:nowrap}.redeem-input-row input{flex:1;width:0;min-height:34px;font-size:12px}.redeem-input-row button{width:auto;min-height:34px;font-size:12px}#redeem-form label{display:none}.modal:is([data-kind=settings],[data-kind=profile]) .redeem-status:not(:empty){margin-top:4px;font-size:11px}}@media (prefers-reduced-motion:reduce){.settings-content button,.avatar-choice,.avatar-choice-art img{transition:none}.settings-content button:not(:disabled):is(:hover,:active),.avatar-choice:active,.avatar-choice:hover .avatar-choice-art img{transform:none}.settings-content button:not(:disabled):hover>.icon{rotate:none}}.settings-redeem:has(.redeem-status:not(:empty)) #redeem-hint{display:none}.profile-copy-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal[data-kind=profile]{width:min(520px,100vw - 28px);max-height:calc(100dvh - 100px)}.modal[data-kind=profile] .profile-panel-content{padding:40px 38px 38px}.modal[data-kind=profile] .settings-grid{margin-top:16px;display:block}.modal[data-kind=profile] .profile-summary{padding:0}.modal[data-kind=profile] .profile-initial{width:76px;height:76px}.modal[data-kind=profile] .settings-description{font-size:13px}.modal[data-kind=profile] h2{font-size:29px}.modal[data-kind=profile] .profile-account-status{color:#8c6644;margin:10px 0 0;font-size:12px;line-height:1.4}@media (height<=760px){.modal[data-kind=profile] .profile-panel-content{padding:32px 30px 30px}.modal[data-kind=profile] .profile-initial{width:58px;height:58px}.modal[data-kind=profile] .profile-card-heading{margin-bottom:6px}.modal[data-kind=profile] .profile-summary small{display:none}.modal[data-kind=profile] .settings-profile{padding:12px}.modal[data-kind=profile] .profile-id{margin-top:8px}.modal[data-kind=profile] .profile-card-footer{padding-top:10px}.modal[data-kind=profile] .settings-profile-button{min-height:40px;padding:7px;font-size:14px}.modal[data-kind=profile] .settings-footer{margin-top:10px}.modal[data-kind=profile] .settings-ready{min-height:40px;padding:8px;font-size:16px}}@media (width<=600px) and (height<=650px),(height<=560px){.modal[data-kind=profile] .profile-panel-content{padding:28px 24px}.modal[data-kind=profile] .settings-grid{margin-top:10px}.modal[data-kind=profile] .profile-initial{width:48px;height:48px}.modal[data-kind=profile] .profile-summary{padding-right:24px}.modal[data-kind=profile] .profile-account-status{margin-top:7px;font-size:11px;line-height:1.3}}@media (width>=450px) and (height<=430px){.modal[data-kind=profile]{width:min(660px,100vw - 24px);max-height:calc(100dvh - 64px)}.modal[data-kind=profile] .profile-panel-content{padding:20px 28px}.modal[data-kind=profile] h2{font-size:23px}.modal[data-kind=profile] .profile-initial{width:42px;height:42px}.modal[data-kind=profile] .profile-id,.modal[data-kind=profile] .profile-card-footer{margin:0;padding:0}.modal[data-kind=profile] .profile-id{padding-right:30px}.modal[data-kind=profile] .settings-profile-button{min-height:34px;padding:5px 8px;font-size:13px}.modal[data-kind=profile] .settings-grid{margin-top:7px}.modal[data-kind=profile] .settings-ready{min-height:36px;padding:4px 10px;font-size:15px}.modal[data-kind=profile] .profile-account-status{margin:4px 0 0}}@media (height<=760px){.profile-points{gap:8px;margin-top:8px;padding:8px}.profile-points-copy strong{font-size:20px}.profile-points-icon{width:34px;height:34px}}@media (width>=450px) and (height<=560px){.profile-points{grid-area:2/1/auto/-1;margin:0;padding:6px 10px}.profile-points-copy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-points-copy strong{font-size:18px}.profile-points-copy small{font-size:10px}.profile-points-icon{width:28px;height:28px}}@media (width<=600px) and (height<=650px),(height<=560px),(width>=601px) and (width<=1100px) and (height<=700px){.modal:is([data-kind=settings],[data-kind=profile]) .settings-content{padding:14px 23px 10px}.settings-grid{margin-top:7px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-profile{padding:10px}.settings-content .profile-points{gap:6px;margin-top:6px;padding:6px 8px}.settings-content .profile-points-icon{display:none}.settings-content .profile-points-copy{display:block}.settings-content .profile-points-copy strong{text-align:left;font-size:18px}.settings-content .profile-points-copy small{font-size:10px;line-height:1.3}.settings-content .profile-points-copy small:first-child,.settings-content .profile-id>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal:is([data-kind=settings],[data-kind=profile]) .profile-id{margin-top:6px}.modal:is([data-kind=settings],[data-kind=profile]) .profile-card-footer{padding-top:6px}.modal:is([data-kind=settings],[data-kind=profile]) .settings-footer{margin-top:8px}}@media (width>=450px) and (height<=430px){.settings-content[data-tab=profile] .profile-points{grid-area:2/1;margin:0}.settings-content[data-tab=profile] .profile-card-footer{grid-area:2/2;padding:0}.settings-content[data-tab=profile] .profile-id{margin:0}.settings-content .profile-points-copy{display:block}.settings-content .profile-points-copy strong{white-space:nowrap;font-size:16px;line-height:1.2}.settings-content .profile-points-copy small:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.screen-home main{align-items:flex-start;width:calc(100% - 40px);padding:10px 0 14px}.screen-home .illustrated-home{grid-template-rows:minmax(0,1fr) clamp(78px,18cqh,132px);align-content:start;gap:clamp(6px,1.5cqh,18px);width:min(1440px,100%);height:100cqh;max-height:1050px}.screen-home .illustrated-modes{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(0px,1vw,16px);width:min(1160px,100%);height:100%}.screen-home .illustrated-mode:last-child{grid-column:auto;width:100%;margin:0}.screen-home .wooden-menu{align-self:start;width:min(720px,90%);height:100%;margin:0}.site-header nav>.account-button.is-signed-in{isolation:isolate;width:238px;max-width:43vw;height:82px;min-height:0;box-shadow:none;filter:drop-shadow(0 3px 3px #23482e30);background:0 0;border:0;border-radius:20px;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px 0 5px;line-height:1.2;display:flex;position:relative}.account-nameplate{z-index:-1;background:linear-gradient(#fff9e6,#ffefce);border:2px solid #d9aa63;border-bottom-width:3px;border-radius:23px;position:absolute;inset:15px 2px 13px 34px;box-shadow:inset 0 0 0 3px #ffda93,inset 0 5px 4px #fffdf1}.account-nameplate:after{content:"";pointer-events:none;border:1px solid #fffdf3;border-radius:16px;position:absolute;inset:4px}.account-badge-leaves{z-index:-2;pointer-events:none;width:34px;height:58px;position:absolute;top:50%;translate:0 -50%}.account-badge-leaves.is-left{left:-12px;rotate:-8deg}.account-badge-leaves.is-right{right:-12px;transform:scaleX(-1)rotate(8deg)}.account-badge-leaves i{transform-origin:90%;background:linear-gradient(155deg,#bddb5b,#83b23e 65%,#5b9134);border:1px solid #6e983c;border-radius:90% 5% 85% 10%;width:34px;height:18px;display:block;position:absolute;left:0;box-shadow:inset 0 1px 2px #e1ed9a88,0 2px 2px #416c2a26}.account-badge-leaves i:after{content:"";background:#658e3a80;height:1px;position:absolute;top:8px;left:4px;right:3px;rotate:-13deg}.account-badge-leaves i:first-child{top:4px;rotate:29deg}.account-badge-leaves i:nth-child(2){top:20px;rotate:0deg}.account-badge-leaves i:nth-child(3){top:34px;rotate:-29deg}.account-initial.player-face{background:#eee4f3;border:4px solid #f4ce83;border-radius:50%;outline:1px solid #c99650;flex:none;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:0 2px 3px #6c4e2c33,inset 0 0 0 2px #fff8e7}.account-button.is-signed-in .player-face img{object-fit:contain;width:125%;height:125%;animation:none;position:absolute;top:0;bottom:auto;left:-12.5%;transform:none}.account-button.is-signed-in .account-header-name{text-align:center;letter-spacing:.2px;color:#745338;-webkit-text-stroke:0;min-width:0;max-width:none;text-shadow:none;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0;font-family:Baloo,Trebuchet MS,sans-serif;font-size:25px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.screen-home .mode-art{width:min(96cqw,96cqh);height:min(96cqw,96cqh)}@media (hover:hover) and (pointer:fine){.site-header nav>.account-button.is-signed-in:hover{filter:drop-shadow(0 4px 4px #23482e38);background:0 0;transform:translateY(-2px)scale(1.015)}}.site-header nav>.account-button.is-signed-in:active{filter:drop-shadow(0 1px 2px #23482e30);transform:translateY(1px)scale(.98)}@media (width<=900px) and (height>=601px){.screen-home .illustrated-modes{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.screen-home .illustrated-mode:last-child{grid-column:1/-1;justify-self:center;width:50%}}@media (width<=600px){.screen-home main{width:calc(100% - 20px);padding:4px 0 10px}.screen-home .illustrated-home{grid-template-rows:minmax(0,1fr) clamp(58px,11cqh,86px);gap:4px}.screen-home .illustrated-modes{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.screen-home .illustrated-mode:last-child{grid-column:1/-1;justify-self:center;width:50%}.screen-home .wooden-menu{width:100%}.site-header nav>.account-button.is-signed-in{gap:6px;width:158px;max-width:43vw;height:60px;padding:0 6px 0 2px}.account-nameplate{border-width:1.5px 1.5px 3px;border-radius:18px;inset:10px 0 9px 23px;box-shadow:inset 0 0 0 2px #ffda93}.account-nameplate:after{border-radius:12px;inset:3px}.account-badge-leaves{width:24px;height:42px}.account-badge-leaves.is-left{left:-8px}.account-badge-leaves.is-right{right:-8px}.account-badge-leaves i{width:24px;height:13px}.account-badge-leaves i:after{top:6px;left:3px}.account-badge-leaves i:first-child{top:2px}.account-badge-leaves i:nth-child(2){top:14px}.account-badge-leaves i:nth-child(3){top:25px}.account-initial.player-face{border-width:3px;width:52px;height:52px}.account-button.is-signed-in .account-header-name{max-width:none;font-size:20px}}@media (width<=600px) and (height>=800px){.screen-home .illustrated-modes{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.screen-home .illustrated-mode:last-child{grid-column:auto;width:100%}}@media (height<=500px){.screen-home .illustrated-home{grid-template-rows:minmax(0,1fr) clamp(46px,19cqh,72px)}.screen-home .illustrated-modes{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.screen-home .illustrated-mode:last-child{grid-column:auto;width:100%}.screen-home main{padding:2px 0 6px}.site-header nav>.account-button.is-signed-in{width:180px;height:54px}.account-initial.player-face{border-width:3px;width:48px;height:48px}.account-button.is-signed-in .account-header-name{font-size:20px}}@media (prefers-reduced-motion:reduce){.site-header nav>.account-button.is-signed-in:is(:hover,:active){transform:none}}@media (width<=449px) and (height<=500px) and (orientation:portrait){.screen-home .illustrated-modes{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.screen-home .illustrated-mode:last-child{grid-column:1/-1;width:50%}}#app.screen-online{height:100dvh;min-height:0;overflow:clip}.screen-online .site-header{display:none}.screen-online main{flex:1;width:100%;height:100%;min-height:0;margin:0}.online-shell{box-sizing:border-box;place-items:center;height:100%;padding:78px 24px 28px;display:grid}.online-panel{isolation:isolate;color:#416a43;flex-direction:column;gap:18px;width:min(940px,100%);min-height:0;max-height:100%;padding:36px 48px 44px;display:flex;position:relative}.online-hub{width:min(1020px,100%);height:min(610px,100%)}.online-panel>.surface-resultPanel{border-radius:42px;overflow:clip}.online-panel h1,.online-panel h2,.online-panel p{margin:0}.online-panel h1{color:#3b714a;text-align:center;font-size:30px;font-weight:800;line-height:1.15}.online-panel h2{font-size:19px;font-weight:750;line-height:1.25}.online-panel p{line-height:1.4}.online-peeker{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1px #48613920);width:110px;height:74px;position:absolute;top:-60px;left:50%;translate:-50%}.online-heading{flex:none;justify-content:center;align-self:center;align-items:center;width:100%;max-width:760px;min-height:36px;padding:0 100px;display:flex;position:relative}.online-heading .online-text{color:#698346;background:#edf4d4;border:1px solid #c7d9a680;border-radius:18px;padding:7px 10px;font-size:12px;position:absolute;top:50%;right:0;translate:0 -50%}.online-tabs{background:#eae8d04d;border-radius:25px;flex:none;align-self:center;gap:7px;width:min(480px,100%);padding:4px;display:flex}.online-tabs button{color:#899268;background:0 0;flex:1;padding:8px 12px;font-size:15px;position:relative}.online-tabs button[aria-pressed=true]{color:#557b42;background:#fffdf2;box-shadow:0 3px 7px #80663812,inset 0 -2px #d4dcb7}.online-badge{color:#fffdf2;background:#d78d4a;border-radius:50%;min-width:19px;padding:2px 5px;font-size:11px}.online-tab-content{scrollbar-width:thin;scrollbar-color:#c7cf9e transparent;flex:1;align-content:start;align-self:center;width:100%;max-width:760px;min-height:0;padding:5px 5px 7px;display:grid;overflow:auto}.online-create-grid,.online-lobby-grid,.online-friends-grid{grid-template-columns:1.06fr 1fr;gap:18px;min-width:0;display:grid}.online-box{background:linear-gradient(135deg,#e2f4cc,#f1f9dd);border:1px solid #dae5be80;border-radius:24px;min-width:0;padding:22px;box-shadow:inset 0 1px #fffef4,0 2px #cfdaaa18}.online-choice:first-of-type{--choice-light:#effaff;--choice-top:#a4dfef;--choice-bottom:#75c4df;--choice-shadow:#5aabc5;--choice-ink:#326b83}.online-choice:nth-of-type(2){--choice-light:#fff7de;--choice-top:#ffdb8f;--choice-bottom:#efbd65;--choice-shadow:#d49e4e;--choice-ink:#8c622d}.online-choice:nth-of-type(3){--choice-light:#f7f0ff;--choice-top:#decbf3;--choice-bottom:#c4a5e6;--choice-shadow:#a78ac7;--choice-ink:#755291}.online-join-card h2{color:#94622e}.online-share-box h2{color:#397d76}.online-presentation-help{flex-direction:column;justify-content:center;gap:16px;display:flex}.online-presentation-help p{color:#567c62;font-size:15px}.online-presentation-help>small{color:#7a8e6d;font-size:12px}.online-setup{flex-direction:column;gap:9px;display:flex}.online-setup>.online-primary{margin-top:auto}.online-world-heading{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.online-world-heading>span{color:#678156;font-size:13px;font-weight:650}.online-world-picker{z-index:5;flex:none;position:relative}.online-world-picker summary{color:#476c38;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffdf0;border:1px solid #b9ca96;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:2px 11px 2px 5px;font-size:14px;font-weight:750;list-style:none;display:flex}.online-world-picker summary::-webkit-details-marker{display:none}.online-world-picker summary:focus-visible{outline-offset:3px;outline:3px solid #137da8}.online-world-picker summary img{object-fit:contain;width:28px;height:28px}.online-world-chevron{color:#58783e;flex:none;width:16px;height:16px;display:block;overflow:visible}.online-world-picker[open] .online-world-chevron{rotate:180deg}.online-world-menu{text-align:left;background:#fffbee;border:1px solid #d2d6ae;border-radius:19px;width:244px;max-width:calc(100vw - 86px);padding:12px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 9px 25px #4c63382b}.online-world-menu>strong{color:#73845d;margin:0 0 8px;font-size:12px;display:block}.online-world-menu>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.online-panel .online-world-menu button{color:#62784f;text-align:left;min-height:59px;box-shadow:none;background:#f8f7e6;border:1px solid #e2e2c9;border-radius:13px;justify-content:flex-start;gap:5px;padding:7px 5px;font-size:12px;display:flex}.online-panel .online-world-menu button[aria-pressed=true]{color:#426e35;background:#e4f1ca;border-color:#a9c779}.online-world-menu button img{object-fit:contain;flex:none;width:37px;height:39px}.online-world-menu button span{min-width:0;display:block}.online-world-menu button small{color:#8b9575;margin-top:2px;font-size:9px;font-weight:550;line-height:1.2;display:block}.online-world-badge{white-space:nowrap;align-items:center;gap:3px;display:inline-flex!important}.online-world-badge img{object-fit:contain;width:17px;height:17px}.screen-online[data-online-world] .forest-background{background-image:var(--match-background);filter:none;transform:none}@media (width<=700px),(height<=500px){.online-setup{position:relative}.online-world-heading{display:contents}.online-world-heading>span{display:none}.online-world-picker{position:absolute;top:12px;right:16px}.online-world-picker summary{gap:3px;min-height:25px;padding:1px 7px 1px 3px;font-size:11px}.online-world-picker summary img{width:22px;height:22px}.online-setup .online-choice:first-of-type legend{min-height:24px;padding-right:95px}}@media (width<=600px) and (height<=700px),(width>=601px) and (height<=500px){.online-world-picker{top:9px;right:12px}}@media (width<=600px) and (orientation:portrait){.screen-online[data-online-world] .forest-background{background-image:var(--match-portrait-background,var(--match-background))}}.online-choice{border:0;min-width:0;margin:0;padding:0}.online-choice legend{color:#678156;margin-bottom:7px;padding:0;font-size:13px;font-weight:650;line-height:1.3}.online-choice-options{gap:7px;display:flex}.online-choice button{color:#8a8d60;background:linear-gradient(#fffef6,#fffbee);border:1px solid #dbe2c48c;flex:1;min-width:0;padding:6px 4px;font-size:20px;box-shadow:inset 0 2px #ffffffb0,0 3px #d4dfb5}.online-choice button[aria-pressed=true]{color:#446a2f;background:linear-gradient(#c7e29c,#b2d27e);border-color:#a9c97480;box-shadow:inset 0 2px #e7fac3,0 3px #8fab61}.online-choice button{background:linear-gradient(#fffef8,var(--choice-light));color:var(--choice-ink)}.online-choice button[aria-pressed=true]{background:linear-gradient(var(--choice-top),var(--choice-bottom));color:var(--choice-ink);box-shadow:inset 0 2px 0 #ffffff80,0 3px 0 var(--choice-shadow);border-color:#0000}.online-choice small{color:#8e9a71;margin-top:6px;font-size:11px;line-height:1.2;display:block}.online-panel button,.online-whatsapp{touch-action:manipulation;border-radius:22px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-family:inherit;font-weight:700;line-height:1.2;transition:box-shadow .16s,background .16s,filter .16s;display:inline-flex}.online-panel button:disabled{opacity:.58;cursor:default}.online-panel .icon,.online-whatsapp svg{flex:none;width:18px;height:18px}.online-panel .online-primary{color:#486a2e;isolation:isolate;background:linear-gradient(#b9df7b,#8dc353);border:1px solid #a0bf6780;width:100%;min-height:42px;padding:10px 15px;font-size:15px;position:relative;box-shadow:inset 0 2px #e8ffc1,0 4px #74a447}.online-primary:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff38,#fff0);border-radius:30px;height:35%;position:absolute;top:4px;left:12px;right:12px}.online-secondary{color:#8c7044;background:linear-gradient(#fffdf1,#fff5d7);border:1px solid #e8d5a580;padding:9px 12px;font-size:13px;box-shadow:inset 0 2px #fffef8,0 3px #e0cea3}.online-panel .online-text{color:#8d9873;background:0 0;min-height:30px;padding:6px 8px;font-size:12px}.online-join-card{text-align:center;background:linear-gradient(145deg,#fff0bf,#ffe1b0);border-color:#f0dfb480;flex-direction:column;justify-content:flex-start;align-items:center;gap:23px;padding:22px;display:flex}.online-join-card .online-join-form{flex:1}.online-join-card .online-join-form>.online-primary{margin-top:auto}.online-join-form,.online-add-friend form{flex-direction:column;gap:10px;width:100%;display:flex}.online-panel label{color:#929573;text-align:left;font-size:12px;font-weight:600;display:block}.online-panel input{color:#4c7148;width:100%;min-width:0;min-height:42px;font:inherit;outline-offset:2px;background:#fffdf7;border:1px solid #e2d9b8b0;border-radius:14px;padding:9px 11px;font-size:13px}.online-panel input:focus-visible{outline:2px solid #9aba7a}.online-panel input::placeholder{color:#a6a17f;font-size:11px}.online-status{color:#a06d43;text-align:center;flex:none;font-size:13px;line-height:1.3;margin:0!important}.online-status:empty{display:none}.online-hub>.online-status{pointer-events:none;font-size:11px;line-height:1.25;position:absolute;bottom:15px;left:48px;right:48px}.online-room-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.online-room-title>span{color:#8d9d78;white-space:nowrap;font-size:12px}.online-room-rules{gap:7px;margin:11px 0 15px;display:flex}.online-room-rules span{color:#8b936a;background:#fffdf19c;border-radius:10px;padding:4px 8px;font-size:11px}.online-seats{grid-template-columns:repeat(var(--seats,2),minmax(0,1fr));gap:9px;display:grid}.online-seat{background:#ffffff1f;border:1px dashed #cddbadb0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:103px;padding:10px 4px;display:flex}.online-seat.is-occupied{background:#fffdf18c;border:1px solid #e7e8ca50}.online-face{background:#f5efdc;border:2px solid #fffdf1;border-radius:50%;flex:none;width:49px;height:49px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 4px #8e87531a}.online-face img{object-fit:contain;pointer-events:none;width:125%;max-width:none;height:125%;position:absolute;top:0;left:-12.5%}.online-seat strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:12px;line-height:1.3;overflow:hidden}.online-seat small{color:#9ca782;text-align:center;font-size:10px;line-height:1.3}.online-empty-seat{color:#b1be91;background:#e7eed280;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.online-panel .online-lobby-help{text-align:center;color:#98a180;margin:13px 0;font-size:11px;line-height:1.4}.online-lobby-actions{align-items:center;gap:8px;margin-top:14px;display:flex}.online-lobby-actions .online-primary{flex:1;font-size:13px}.online-lobby-actions .online-text{flex:none;padding:5px;font-size:11px}.online-share-box{background:linear-gradient(135deg,#e0f5fc,#d3f0e8);border-color:#f0dfba80;flex-direction:column;gap:10px;display:flex}.online-share-box>h2{margin-bottom:5px}.online-share-body{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.online-share-actions{flex-direction:column;gap:9px;min-width:0;display:flex}.online-invite-qr{text-align:center;min-width:0;margin:0}.online-invite-qr svg{aspect-ratio:1;background:#fff;border:1px solid #deeadc;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 3px 7px #5e85651a}.online-invite-qr figcaption{color:#66836d;margin-top:5px;font-size:11px;font-weight:650;line-height:1.3}.online-share-actions .online-primary{text-align:center;min-height:42px;padding:8px;font-size:11px;line-height:1.25}.online-link-row{align-items:center;gap:7px;min-width:0;display:flex}.online-panel .online-icon-button{color:#96804e;background:linear-gradient(#f8edc9,#eee1b4);border-radius:50%;flex:none;width:34px;min-height:34px;padding:7px;box-shadow:inset 0 1px #fff9de,0 2px #d5c39180}.online-panel .online-icon-button .icon{width:17px;height:17px}.online-link-row{margin-top:-4px}.online-link-row input{text-overflow:ellipsis;font-size:11px}.online-whatsapp{text-decoration:none}.online-tab-content:has(.online-friends-grid){grid-template-rows:minmax(0,1fr);align-content:stretch;max-width:720px;min-height:0}.online-friends-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:.85fr 1.15fr;height:auto;min-height:0;overflow:hidden}.online-friends-grid>.online-box{min-height:0}.online-add-friend{flex-direction:column;align-self:start;gap:14px;display:flex}.online-add-friend>p{color:#909b74;font-size:13px}.online-own-code{border-top:1px solid #d8e2be80;padding-top:12px}.online-own-code>small{color:#91a073;font-size:11px}.online-own-code>div{justify-content:space-between;align-items:center;gap:6px;margin-top:5px;display:flex}.online-own-code strong{letter-spacing:1.5px;color:#628447;-webkit-user-select:all;user-select:all;font-size:22px}.online-panel .online-own-code .online-icon-button{color:#779a4c;background:#dcebc3}.online-add-friend>small{color:#a39875;text-align:center;font-size:11px;line-height:1.4}.online-friend-list{scrollbar-width:thin;scrollbar-color:#d1d39f transparent;background:linear-gradient(135deg,#fff8e6,#fff0d6);border-color:#f0e3c180;align-self:start;height:auto;min-height:0;max-height:min(300px,100%);overflow-y:auto}.online-friend-list section+section{border-top:1px solid #eee0bd80;margin-top:16px;padding-top:16px}.online-friend-list h2{align-items:center;gap:8px;font-size:17px;display:flex}.online-friend-list h2>span{color:#8b9b6d;background:#e7edcf;border-radius:10px;padding:3px 7px;font-size:11px}.online-friend-list ul{flex-direction:column;gap:9px;margin:12px 0 0;padding:0;list-style:none;display:flex}.online-friend-row{background:#fffdf4b0;border:1px solid #f2e7cb80;border-radius:16px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.online-friend-row .online-face{width:38px;height:38px}.online-friend-row>span:not(.online-face){flex-direction:column;flex:1;min-width:0;display:flex}.online-friend-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.online-friend-row small{color:#a2a080;font-size:10px;line-height:1.2}.online-friend-actions{flex-direction:column;flex:none;gap:2px;display:flex}.online-panel .online-small{color:#6c8948;background:linear-gradient(#e8f3d7,#deedc8);border:1px solid #d2e3b880;min-height:30px;padding:6px 9px;font-size:11px;box-shadow:0 2px #bed1a380}.online-panel .online-friend-actions .online-text{color:#a8a17e;min-height:23px;padding:3px 5px;font-size:10px}.online-panel .online-empty{color:#a49c7b;text-align:center;padding:35px 5px;font-size:13px}.online-login,.online-result{text-align:center;align-items:center;gap:20px;width:min(540px,100%);padding:40px}.online-login>p,.online-result>p{color:#919b77}.online-welcome-bird{object-fit:contain;filter:drop-shadow(0 3px 2px #886a2322);width:135px;height:125px;display:block}.online-panel button,.online-whatsapp{position:relative}.online-join-card .online-primary{color:#356e7b;background:linear-gradient(#9cdded,#73c5d7);border-color:#72bacb70;box-shadow:inset 0 2px #dcfaff,0 4px #5ca4b5}@media (hover:hover) and (pointer:fine){.online-panel button:not(:disabled):hover,.online-whatsapp:hover{filter:brightness(1.035);transform:none}.online-panel .online-primary:not(:disabled):hover{box-shadow:inset 0 2px #efffcd,0 6px #86a554,0 9px 14px #6b81451c}}.online-panel button:not(:disabled):active,.online-whatsapp:active{transition-duration:90ms;transform:none;box-shadow:inset 0 1px #ffffff60,0 1px #93a95b66}.online-scores{gap:9px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.online-scores li{background:#fff8e7;border:1px solid #e4d9b5;border-radius:18px;flex:1;align-items:center;gap:8px;min-width:0;padding:9px 12px;display:flex;box-shadow:0 3px #b4a77526}.online-scores .online-face{width:42px;height:42px}.online-scores li>span:not(.online-face){flex-direction:column;min-width:0;display:flex}.online-scores strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:15px;line-height:1.2;overflow:hidden}.online-scores small{color:#a2a17d;white-space:nowrap;font-size:10px;line-height:1.3}.online-scores b{color:#8b8d5c;margin-left:auto;font-size:28px;line-height:1}.online-scores .is-you{background:#edf3db;border-color:#cbdcad}.online-scores .is-you b{color:#668846}.online-scores .has-left{opacity:.5}.online-scores .is-winner{background:#eff7d7;border-color:#bad784}.online-scores.is-final{flex-direction:column;width:100%;max-height:330px;padding-bottom:5px;overflow:auto}.online-scores.is-final li{flex:none;min-height:65px}.online-scores.is-final strong{max-width:250px;font-size:18px}.online-scores.is-final b{font-size:30px}.online-result-shell{padding-top:112px;position:relative;overflow:clip}.online-result{gap:17px}.online-result .online-scores.is-final{flex:none;max-height:none;list-style:none;overflow:visible}.online-result .online-scores.is-final li{min-height:60px;padding:9px 13px}.online-result .online-scores.is-final b{color:#77519b;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:2px;min-width:48px;display:flex}.online-result .online-scores.is-final b small{color:#8f81a0;font-size:11px;font-weight:650;line-height:1}.online-result .online-scores .online-ranking-points{color:#7b6995;margin-top:3px;font-weight:650}.online-result .online-scores .online-ranking-points[data-points^=\-]{color:#ad7546}.online-result .online-scores .online-ranking-points:not([data-points="0"]):not([data-points^=\-]){color:#548447}.online-result .online-scores .is-winner{background:linear-gradient(120deg,#f4e5ae,#fff5d7);border-color:#e5c874}.online-result .online-scores .is-winner b{color:#b17b29}.online-result .online-scores .has-left{opacity:.75}.online-result-bird{z-index:-1;pointer-events:none;width:180px;height:100px;position:absolute;bottom:calc(100% - 13px);left:50%;overflow:hidden;translate:-50%}.online-result-bird img{object-fit:contain;width:180px;height:180px;display:block}.online-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.online-confetti i{left:var(--x);background:var(--confetti-color);opacity:0;width:9px;height:15px;animation:online-confetti-fall 1.9s var(--delay) ease-out both;border-radius:3px;position:absolute;top:12%}.online-confetti i:nth-child(3n){border-radius:50%;width:11px;height:11px}.is-celebrating .online-result-bird img{animation:.8s cubic-bezier(.22,1,.36,1) .12s both online-bird-cheer}.is-celebrating .online-scores li{animation:.45s ease-out .1s both online-score-reveal}.is-celebrating .online-scores li:nth-child(2){animation-delay:.18s}.is-celebrating .online-scores li:nth-child(3){animation-delay:.26s}.is-celebrating .online-scores li:nth-child(4){animation-delay:.34s}@keyframes online-confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}15%{opacity:.9}to{opacity:0;transform:translate(var(--drift),62dvh) rotate(var(--turn))}}@keyframes online-bird-cheer{0%{opacity:0;transform:translateY(28px)scale(.9)}to{opacity:1;transform:none}}@keyframes online-score-reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}html.online-result-navigation::view-transition-old(root){animation:.28s ease-in both online-page-out}html.online-result-navigation::view-transition-new(root){animation:.5s cubic-bezier(.22,1,.36,1) both online-page-in}@media (height<=600px){.online-result-shell{padding-top:72px;padding-bottom:16px}.online-result{gap:10px;padding:23px 30px}.online-result .online-scores.is-final{gap:6px}.online-result .online-scores.is-final li{min-height:42px;padding:5px 10px}.online-result .online-scores.is-final b{font-size:24px}.online-result .online-scores.is-final b small{font-size:9px}.online-result-bird{width:125px;height:65px}.online-result-bird img{width:125px;height:125px}}@media (prefers-reduced-motion:reduce){.online-confetti{display:none}.is-celebrating .online-result-bird img,.is-celebrating .online-scores li{animation:none}html.online-result-navigation::view-transition-old(root){animation:none}html.online-result-navigation::view-transition-new(root){animation:none}}.online-game{gap:12px;max-width:1260px;height:100%;min-height:0;margin:auto;padding:20px}.online-game-toolbar{flex:none;align-items:center;gap:12px;display:flex}.online-game-toolbar .online-scores{flex:1}.online-game-toolbar #online-timer{color:#805c29;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:linear-gradient(#fff9df,#ffedb9);border:2px solid #d6b15d;border-radius:14px;min-width:64px;padding:10px 12px;font-size:clamp(20px,1.8vw,28px);font-weight:800;line-height:1}.online-game .play-panel{min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;overflow:visible}.online-game .play-panel:before{display:none}.online-game .board-title{flex:none;margin:0;position:relative;left:auto;translate:none}.online-game .online-cards{flex:1;justify-content:space-evenly;align-items:center;gap:14px;width:100%;height:auto;min-height:0;display:flex;position:relative;container-type:size}.online-game .online-cards>.player-card{aspect-ratio:1/1.04;flex:none;gap:0;width:min(46cqw,94cqh);height:auto;min-height:0;display:flex;position:relative;container-type:normal}.online-game .online-cards .hex-card{aspect-ratio:1/1.04;width:100%;height:100%}.online-game .online-cards .card-owner{width:42%;max-width:none;font-size:clamp(11px,1.7vw,22px)}.online-countdown{text-align:center;color:#637d4a;flex:none;min-height:24px;margin:0;font-size:15px}.online-countdown-badge{z-index:6;aspect-ratio:1;color:#805023;pointer-events:none;background:linear-gradient(#fffced,#ffedb7);border:3px solid #d6a34b;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:clamp(130px,14vw,184px);padding:16px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 3px #fff6d9,0 8px 22px #38552f40}.online-countdown-badge small{font-size:clamp(16px,1.5vw,22px);font-weight:750;line-height:1.2}.online-countdown-badge strong{font-variant-numeric:tabular-nums;font-size:clamp(70px,7vw,104px);font-weight:800;line-height:.95}.online-game .symbol.matched{z-index:4}.online-game .symbol.matched .game-symbol-art{filter:brightness(1.12)drop-shadow(0 0 9px #d4f590)}.online-game-toolbar .online-scores .is-scoring{background:#f5facf;border-color:#9cbd55;animation:.6s ease-in-out online-score-pulse;box-shadow:0 0 0 3px #c4df8170}.online-answer-feedback{z-index:7;color:#477537;text-align:center;pointer-events:none;background:linear-gradient(#ffffef,#edf6c7);border:2px solid #9dbb5c;border-radius:22px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:12px 20px;font-size:clamp(17px,1.8vw,25px);font-weight:750;line-height:1.15;animation:.65s ease-out both online-answer-pop;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 18px #35502d35,inset 0 0 0 2px #fff9df}.online-answer-feedback>.icon{stroke-width:3px;flex:none;width:30px;height:30px}.online-answer-feedback>span{overflow-wrap:anywhere;min-width:0}.online-answer-feedback strong{margin-top:3px;font-size:.8em;font-weight:800;display:block}.online-match-sparks{pointer-events:none;position:absolute;inset:0}.online-match-sparks i{aspect-ratio:1;background:url(/assets/game-ui/spark-hd-v16.webp) 50%/contain no-repeat;width:clamp(12px,1.2vw,20px);animation:.55s ease-out both online-symbol-spark;display:block;position:absolute;top:50%;left:50%}@keyframes online-score-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.045)}}@keyframes online-answer-pop{0%{opacity:0;transform:scale(.85)translateY(7px)}20%,80%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.98)translateY(-8px)}}@keyframes online-symbol-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(var(--spark-start)) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(var(--spark-end)) scale(1)}}@media (prefers-reduced-motion:reduce){.online-match-sparks{display:none}.online-answer-feedback,.online-game-toolbar .online-scores .is-scoring{animation:none}}.online-game .online-status{margin:0}.ranking-status{color:#7b6a49;text-align:center;font-size:14px}.ranking-status:empty{display:none}@media (width<=700px){.online-shell{padding:58px 10px 14px}.online-panel{gap:12px;padding:27px 24px 30px}.online-heading{min-height:28px;padding:0 35px}.online-panel h1{font-size:25px}.online-panel h2{font-size:17px}.online-heading .online-text{width:30px;min-height:30px;padding:4px;right:0}.online-heading .online-text span{display:none}.online-heading .icon{width:17px;height:17px}.online-peeker{width:90px;height:60px;top:-48px}.online-tabs{width:min(360px,100%);padding:3px}.online-tabs button{min-height:34px;padding:7px 9px;font-size:13px}.online-tab-content{padding:4px 3px 6px}.online-create-grid,.online-lobby-grid,.online-friends-grid{grid-template-columns:1fr;gap:10px}.online-box{border-radius:20px;padding:16px}.online-setup{gap:12px}.online-setup>h2{display:none}.online-choice legend{margin-bottom:5px;font-size:12px}.online-choice button{min-height:34px;padding:5px 3px;font-size:19px}.online-choice-options{gap:6px}.online-panel .online-primary{min-height:38px;padding:9px 10px;font-size:13px}.online-join-card{gap:10px;padding:15px 16px}.online-join-card h2{font-size:16px}.online-join-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.online-join-form label{grid-column:1/-1;font-size:11px}.online-join-form button{grid-area:2/2}.online-panel input{min-height:38px;padding:8px 9px;font-size:12px}.online-panel input::placeholder{font-size:10px}.online-join-form button .icon{display:none}.online-lobby-grid>.online-box{padding:13px}.online-room-title h2{font-size:17px}.online-room-title>span{font-size:11px}.online-room-rules{margin:7px 0 10px}.online-room-rules span{padding:3px 7px;font-size:10px}.online-seats{gap:6px}.online-seat{border-radius:14px;min-height:80px;padding:7px 3px}.online-seat .online-face{width:37px;height:37px}.online-seat strong{font-size:10px}.online-seat small{font-size:8px}.online-empty-seat{width:32px;height:32px}.online-panel .online-lobby-help{display:none}.online-lobby-actions{gap:7px;margin-top:11px}.online-lobby-actions .online-primary{font-size:12px}.online-lobby-actions .online-text{font-size:10px}.online-share-box{gap:8px}.online-share-box>h2{display:none}.online-share-body{grid-template-columns:104px minmax(0,1fr);gap:9px}.online-share-actions{gap:6px}.online-invite-qr figcaption,.online-share-box label{font-size:10px}.online-link-row{gap:4px;margin:0}.online-share-box .online-icon-button{width:27px;min-height:29px;padding:5px}.online-share-box .online-icon-button .icon{width:15px;height:15px}.online-share-box input{min-height:38px;padding:7px;font-size:10px}.online-share-box .online-primary{text-align:center;border-radius:22px;gap:4px;min-height:40px;margin:0;padding:6px;font-size:10px;line-height:1.25}.online-share-box .online-primary .icon,.online-whatsapp svg{width:16px;height:16px}.online-tab-content:has(.online-friends-grid){padding-bottom:65px}.online-friends-grid{grid-template-rows:auto minmax(0,1fr)}.online-add-friend{gap:10px;padding:14px}.online-add-friend>p{font-size:12px}.online-add-friend>small{display:none}.online-own-code{justify-content:space-between;align-items:center;gap:6px;padding-top:9px;display:flex}.online-own-code>div{gap:8px;margin:0}.online-own-code strong{letter-spacing:1px;font-size:20px}.online-login,.online-result{gap:17px;padding:32px 26px}.online-login h1,.online-result h1{font-size:27px}.online-game{gap:8px;padding:12px 9px}.online-game-toolbar{flex-wrap:wrap;gap:7px}.online-game-toolbar .round-control{border-radius:12px;flex:none;order:0;width:34px;height:34px}.online-game-toolbar .online-scores{flex-basis:100%;order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.online-scores li{border-radius:13px;gap:6px;padding:7px 8px}.online-scores .online-face{width:31px;height:31px}.online-scores strong{max-width:120px;font-size:12px}.online-scores b{font-size:23px}.online-scores small{font-size:9px}.online-game-toolbar #online-timer{order:1;margin-left:auto;padding:5px 9px}.online-countdown{min-height:20px;font-size:12px}}@media (width<=550px) and (height>=500px){.online-game .online-cards{flex-direction:column;gap:0}.online-game .online-cards>.player-card{width:min(87cqw,46cqh)}.online-game .online-cards>.player-card:first-child{order:1}.online-game .online-cards .card-owner{font-size:14px}}@media (width<=600px) and (height<=700px){.online-shell{padding:50px 8px 12px}.online-panel{gap:9px;padding:23px 22px 28px}.online-hub>.online-status{font-size:10px;bottom:6px;left:28px;right:28px}.online-heading{min-height:25px}.online-panel h1{font-size:22px}.online-tabs button{min-height:30px;padding:6px;font-size:12px}.online-peeker{width:82px;height:55px;top:-43px}.online-box{padding:12px}.online-setup{gap:9px}.online-choice legend{margin-bottom:4px;font-size:11px}.online-choice button{min-height:29px;padding:4px 2px;font-size:17px}.online-choice-options{gap:5px}.online-panel .online-primary{min-height:34px;padding:8px;font-size:12px}.online-join-card{justify-self:center;gap:8px;width:calc(100% - 32px);padding:12px}.online-join-card h2{font-size:15px}.online-panel input{min-height:34px;padding:7px 8px}.online-panel label{font-size:10px}.online-lobby-grid>.online-box{padding:11px}.online-seat{min-height:73px}.online-seat .online-face{width:31px;height:31px}.online-lobby-grid>.online-share-box{justify-self:center;width:calc(100% - 32px)}.online-room-title h2{font-size:16px}.online-room-title>span{font-size:10px}.online-lobby-actions .online-text{font-size:9px}.online-share-box .online-primary{min-height:38px;font-size:9px}.online-share-body{grid-template-columns:96px minmax(0,1fr);gap:8px}.online-add-friend{gap:8px}.online-add-friend>p{display:none}.online-own-code strong{font-size:17px}.online-game-toolbar .online-scores li{padding:5px 6px}.online-game-toolbar .online-face{width:28px;height:28px}.online-game .online-cards>.player-card{width:min(90cqw,47cqh)}}@media (width>=701px) and (height<=700px){.online-shell{padding:66px 22px 20px}.online-panel{gap:13px;padding:28px 42px 34px}.online-tab-content{max-width:760px}.online-panel h1{font-size:27px}.online-panel h2{font-size:18px}.online-peeker{width:98px;height:66px;top:-52px}.online-box{padding:18px}.online-setup{gap:12px}.online-choice legend{margin-bottom:5px;font-size:12px}.online-choice button{min-height:34px;padding:5px;font-size:18px}.online-tabs button{min-height:35px;padding:7px;font-size:14px}.online-panel .online-primary{min-height:38px;padding:9px;font-size:14px}.online-share-box{gap:8px}.online-share-box>h2{margin-bottom:2px}.online-add-friend>small{display:none}.online-seat{min-height:91px}.online-seat .online-face{width:41px;height:41px}.online-seat strong{font-size:11px}.online-seat small{font-size:9px}.online-panel .online-lobby-help{margin:10px 0;font-size:10px}.online-game{gap:8px;padding:12px 20px}.online-scores li{padding:6px 10px}}@media (height<=500px) and (width>=601px){.online-shell{padding:28px 16px 12px}.online-panel{gap:7px;padding:18px 32px 23px}.online-tab-content{width:calc(100% - 120px)}.online-tab-content:has(.online-friends-grid){padding-bottom:7px}.online-hub>.online-status{font-size:10px;bottom:6px;left:36px;right:36px}.online-panel h1{font-size:23px}.online-heading{min-height:26px;padding:0 85px}.online-peeker{width:64px;height:42px;top:-26px}.online-tabs{padding:3px}.online-tabs button{min-height:29px;padding:5px;font-size:12px}.online-create-grid,.online-lobby-grid,.online-friends-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:13px}.online-box{border-radius:18px;padding:12px 14px}.online-box h2{font-size:16px}.online-setup{gap:7px;padding:10px 12px}.online-setup>h2{display:none}.online-choice legend{margin-bottom:3px;font-size:10px;line-height:1.2}.online-choice button{min-height:26px;padding:3px;font-size:16px}.online-panel .online-primary{min-height:30px;padding:6px;font-size:12px}.online-panel input{min-height:33px;padding:7px 8px;font-size:11px}.online-panel label{font-size:10px}.online-join-card{gap:12px;padding:10px 14px}.online-join-form{gap:7px;display:flex}.online-seat{min-height:76px;padding:5px 3px}.online-seat .online-face{width:32px;height:32px}.online-seat strong{font-size:10px}.online-seat small{font-size:8px}.online-empty-seat{width:30px;height:30px}.online-room-rules{margin:6px 0 9px}.online-share-box{flex-direction:column;gap:3px;display:flex}.online-share-box>h2{display:none}.online-share-body{grid-template-columns:100px minmax(0,1fr);gap:10px}.online-share-actions{gap:5px}.online-lobby-grid>.online-share-box{padding:8px 12px}.online-panel .online-share-box .online-primary{min-height:32px;padding:7px}.online-panel .online-share-box .online-icon-button{width:28px;min-height:28px;padding:5px}.online-share-box label{font-size:10px}.online-panel .online-lobby-help{display:none}.online-lobby-actions{margin-top:6px}.online-lobby-actions .online-primary{font-size:11px}.online-lobby-actions .online-text{font-size:10px}.online-whatsapp,.online-secondary{min-height:32px;padding:7px;font-size:11px}.online-add-friend{gap:8px}.online-add-friend>p,.online-add-friend>small{display:none}.online-add-friend form{gap:6px}.online-own-code{padding-top:7px}.online-own-code strong{font-size:18px}.online-game{gap:5px;padding:8px 16px}.online-game-toolbar{flex-wrap:nowrap;gap:8px}.online-game-toolbar .online-scores{flex-basis:auto;order:0;gap:5px;display:flex}.online-game-toolbar #online-timer{order:0}.online-scores strong{max-width:90px;font-size:11px}.online-scores small{font-size:8px}.online-scores .online-face{width:28px;height:28px}.online-scores li{gap:5px;padding:5px 7px}.online-scores b{font-size:22px}.online-countdown{min-height:18px;font-size:12px}.online-result{gap:9px;padding:22px 30px}.online-result .online-scores.is-final{max-height:195px}.online-scores.is-final li{min-height:40px}.online-scores.is-final strong{font-size:14px}.online-scores.is-final .online-face{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.online-panel button,.online-whatsapp{transition:none}.online-panel button:not(:disabled):hover,.online-panel button:not(:disabled):active,.online-whatsapp:hover,.online-whatsapp:active{transform:none}}.leaderboard-content[data-empty=true] .ranking-table,.leaderboard-content[data-empty=true] .ranking-navigation{display:none}.leaderboard-content[data-empty=true] .ranking-status{flex:1;justify-content:center;align-items:center;display:flex}@media (height<=500px) and (width>=601px){.leaderboard-content[data-empty=true] .ranking-status{grid-area:2/2}}@media (height<=430px) and (width<=600px){.leaderboard-content[data-empty=true]{gap:6px;height:auto;min-height:0;padding:20px 28px 28px}.leaderboard-content[data-empty=true] .ranking-status{margin:6px 0}.leaderboard-content[data-empty=true] .ranking-footer{margin:0}}html.online-navigation::view-transition-old(root){animation:.2s ease-in both online-page-out}html.online-navigation::view-transition-new(root){animation:.32s cubic-bezier(.22,1,.36,1) both online-page-in}@keyframes online-page-out{to{opacity:0;transform:translateY(-5px)scale(.99)}}@keyframes online-page-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@media (width>=901px) and (height>=501px){.online-hub{gap:12px;width:min(920px,100%);height:min(580px,100%);padding:30px 54px 38px}.online-create-grid>.online-box{min-height:358px}}@media (width>=901px) and (height<=700px){.online-create-grid>.online-box{min-height:0}}@media (width>=701px) and (height>=501px) and (height<=700px){.online-create-grid .online-setup{row-gap:9px}}@media (width>=701px) and (height>=501px){.online-create-grid{margin-inline:24px}}@media (width<=700px) and (height>=501px){.online-create-grid>.online-join-card,.online-lobby-grid>.online-share-box{justify-self:center;width:calc(100% - 32px)}}@media (width>=601px) and (height<=430px){.online-create-grid .online-setup{gap:5px}.online-friends-grid>.online-add-friend{padding-block:11px}}@media (width<=360px) and (height<=650px){.online-lobby-grid{row-gap:6px}.online-lobby-grid>.online-share-box{width:calc(100% - 16px);padding:8px}.online-share-body{grid-template-columns:104px minmax(0,1fr);gap:7px}.online-share-actions{gap:4px}.online-share-box .online-primary{min-height:32px;padding:5px;font-size:9px;line-height:1.15}.online-share-box input{min-height:29px}.online-share-box .online-invite-qr figcaption{font-size:8px}.online-share-box .online-primary{gap:3px;padding-inline:3px}.online-room-rules{margin-bottom:6px}}@media (width>=1600px) and (height>=850px){.online-hub{gap:18px;width:min(1120px,88vw);height:min(740px,84dvh);padding:42px 70px 54px}.online-heading,.online-tab-content{max-width:960px}.online-tabs{width:560px}.online-panel h1{font-size:38px}.online-tabs button{min-height:44px;font-size:18px}.online-create-grid>.online-box{min-height:430px;padding:26px}.online-create-grid .online-setup{gap:18px}.online-choice legend,.online-world-heading>span{font-size:16px}.online-choice button{min-height:45px;font-size:25px}.online-join-card h2{font-size:25px}.online-panel label,.online-panel input{font-size:15px}.online-panel .online-primary{min-height:50px;font-size:19px}.online-world-picker summary{min-height:40px;font-size:17px}.online-world-picker summary img{width:34px;height:34px}.online-world-menu{width:300px}.online-panel .online-world-menu button{min-height:72px;font-size:16px}.online-world-menu button small{font-size:12px}}@media (width>=2400px) and (height>=1200px){.online-hub{gap:28px;width:1560px;height:1040px;padding:62px 100px 80px}.online-heading,.online-tab-content{max-width:1320px}.online-tabs{width:760px}.online-panel h1{font-size:52px}.online-tabs button{min-height:60px;font-size:26px}.online-create-grid>.online-box{min-height:620px;padding:38px}.online-create-grid .online-setup{gap:28px}.online-choice legend,.online-world-heading>span{font-size:24px}.online-choice button{min-height:64px;font-size:36px}.online-panel label,.online-panel input{font-size:22px}.online-panel input{min-height:60px}.online-panel .online-primary{min-height:70px;font-size:28px}.online-join-card h2{font-size:34px}.online-world-picker summary{min-height:56px;padding-inline:10px 16px;font-size:26px}.online-world-picker summary img{width:48px;height:48px}.online-world-chevron{width:24px;height:24px}.online-world-menu{width:420px;padding:18px}.online-world-menu>strong{font-size:20px}.online-panel .online-world-menu button{min-height:105px;font-size:24px}.online-world-menu button small{font-size:18px}.online-world-menu button img{width:58px;height:64px}:root{--large-ui-scale:calc(100vw / 1920px)}.site-header.account-header{width:92%;min-height:0;margin-top:1dvh;padding:0}.site-header .brand.home-brand{width:17.7vw;height:5.84vw}.site-header nav{zoom:var(--large-ui-scale)}.screen-home main{align-items:center;padding:0 0 4dvh}.screen-home .illustrated-home{grid-template-rows:minmax(0,1fr) 14dvh;gap:3dvh;width:82vw;height:78cqh;max-height:none}.screen-home .illustrated-modes{gap:1.2vw;width:100%}.screen-home .wooden-menu{width:46vw}.illustrated-game{gap:1dvh;padding:1.8dvh 0 0}.illustrated-game .game-toolbar{grid-template-columns:1fr 40vw 1fr;height:8.5dvh;padding-inline:3.5vw}.illustrated-game .game-art-button{width:4.4vw;height:4.4vw}.illustrated-game .game-tools{gap:1.1vw}.illustrated-game .scoreboard{gap:.8vw;height:4.6vw;min-height:0;padding-inline:1.45vw}.illustrated-game .avatar-slot{width:5vw;height:5vw}.illustrated-game .player-score{gap:.4vw}.illustrated-game .player-score strong{font-size:1.15vw}.illustrated-game:has(.local-cards) .player-score strong{font-size:.85vw}.illustrated-game .player-score>b{font-size:2.1vw}.illustrated-game .timer-block{gap:.2vw;width:4.6vw}.illustrated-game .timer-block strong{font-size:1.9vw}.illustrated-game .timer-block .game-inline-icon{width:1.8vw;height:1.8vw}.illustrated-game .board-title{width:20vw;height:3.47vw}.illustrated-game .play-panel{--pile-width-ratio:.18;justify-content:center;padding:6.5dvh 0 14dvh}.illustrated-game .pile-cards img{transform:translateY(calc(var(--pile-index) * -.105vw)) rotate(-3deg)}.illustrated-game .card-pile{filter:drop-shadow(0 .156vw .104vw #44311b38)}.illustrated-game .card-pile b{border-width:.104vw;min-width:1.3vw;height:1.3vw;padding-inline:.21vw;font-size:.73vw;right:-.156vw}.illustrated-game #board{flex:none;width:100%;height:64dvh}.illustrated-game .game-cards{gap:1.6vw;width:76vw}.illustrated-game .card-owner{font-size:1.4vw}.illustrated-game .game-cards>.surface-woodenStage{height:7.5vw;bottom:-2.3vw}.illustrated-game .sea-pier-cards{--pier-wide-card-width:min(calc(50cqw - .8vw),calc(100cqh / 1.04));--pier-wide-height:8.3vw}.illustrated-game .game-progress{width:16.7vw;height:3.9vw;bottom:1.5dvh}.illustrated-game .progress-caption{font-size:1vw}.illustrated-game .progress-dot{width:1.05vw;height:1.05vw}.illustrated-game .progress-dots{gap:.3vw}.illustrated-game .match-feedback{font-size:.95vw;bottom:9dvh}.modal.illustrated-modal,.loading-dialog,.illustrated-result,.online-panel{zoom:var(--large-ui-scale)}.online-hub{zoom:calc(100vw / 2560px)}.online-game{width:100%;max-width:none;padding-inline:3.5vw}.online-game-toolbar{zoom:var(--large-ui-scale)}.online-game .board-title{position:absolute;left:50%;translate:-50%}.online-game .online-cards{flex:none;gap:1.6vw;width:76vw;height:64dvh}.online-game .online-cards>.player-card{width:min(46cqw,96.1539cqh)}.online-game .online-cards .card-owner{font-size:1.4vw}.online-game .online-countdown{min-height:1.5vw;font-size:.9vw}}