:root{color:#213d4a;font-synthesis:none;--mint:#10bda2;--ink:#213d4a;--muted:#70868f;background:#e7edf1;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button{border:0}a{color:inherit;text-underline-offset:3px}[hidden]{display:none!important}#app{background:#f4f6fb;max-width:540px;min-height:100dvh;margin:auto;position:relative;box-shadow:0 0 80px #71858e20}.screen{min-height:100dvh}.home{padding:calc(18px + env(safe-area-inset-top)) 24px calc(14px + env(safe-area-inset-bottom));background:radial-gradient(at 85% 18%,#d8f3eb 0,#0000 45%),#f7f9fc;overflow:hidden}.home-head{align-items:center;gap:9px;height:35px;display:flex}.home-head>span{letter-spacing:1.9px;font-size:10px;font-weight:800}.logo-mark{background:var(--mint);color:#fff;text-align:center;border-radius:9px;width:28px;height:28px;font-size:24px;font-weight:800;line-height:27px}.icon-btn{background:#fff;border-radius:14px;flex-shrink:0;width:40px;height:40px;font-size:19px;font-weight:800;box-shadow:0 2px 9px #233d4910}.home-head .icon-btn{margin-left:auto}.hero{padding-top:24px;position:relative}.pill{background:#fff;border:1px solid #dbe9e7;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-block}h1{letter-spacing:-4px;z-index:2;margin:21px 0 0;font-size:clamp(56px,16vw,82px);font-weight:950;line-height:.92;position:relative}h1>span{color:var(--mint)}.j-title{letter-spacing:5px;margin:12px 0 0;font-size:11px;font-weight:800}.hero-board{background:repeating-linear-gradient(0deg,#0000 0 19px,#cfdee34d 19px 20px),repeating-linear-gradient(90deg,#0000 0 19px,#cfdee34d 19px 20px),#eff4f7;border-radius:26px;width:100%;height:210px;margin-top:-50px;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 14px 28px #49697210}.patch{border:2px solid;border-radius:5px;position:absolute}.p2{background:#fbb0c9;border-color:#f47da0;width:95px;height:80px;top:0;right:0}.p3{background:#c7b9f4;border-color:#9d87e4;width:80px;height:90px;bottom:0;left:-20px}.hero-line{filter:drop-shadow(0 3px #ffffff80);border:7px solid #10bda2;border-bottom:0;border-radius:12px 12px 0 0;width:160px;height:90px;position:absolute;bottom:40px;right:35px}.mascot{background:#10bda2;border-radius:15px;justify-content:center;align-items:center;gap:13px;width:50px;height:50px;display:flex;position:absolute;bottom:75px;right:23px;box-shadow:0 5px #089b8525,inset 0 4px #ffffff30}.mascot i{background:#213d4a;border-radius:50%;width:6px;height:6px}.mascot b{font-size:23px;position:absolute;bottom:1px;left:17px}.bubble{background:#fff;border-radius:15px 15px 3px;padding:10px 12px;font-size:10px;font-weight:800;position:absolute;top:49px;right:15px;transform:rotate(5deg);box-shadow:0 4px 12px #49697215}.map-tag{color:#087f6a;font-size:23px;font-weight:900;position:absolute;bottom:16px;left:110px;transform:rotate(5deg)}.home-bottom{margin-top:21px;position:relative}.account{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.account small{color:var(--muted);margin-bottom:2px;font-size:9px;display:block}.coin{color:#947022;background:#fff1ca;border-radius:16px;padding:8px 12px;font-size:13px;font-weight:800}.mode-tabs{background:#e9eef1;border-radius:14px;gap:3px;padding:4px;display:flex}.mode-tabs button{background:0 0;border-radius:10px;flex:1;padding:9px 2px;font-size:12px;font-weight:800}.mode-description{text-align:center;color:var(--muted);margin:10px 0 14px;font-size:10px}.primary{background:var(--mint);color:#fff;border-radius:17px;justify-content:center;align-items:center;gap:16px;width:100%;padding:17px 12px;font-size:16px;font-weight:800;transition:transform .12s;display:flex;box-shadow:0 5px #089680}.primary:active{transform:translateY(3px)}.resume{color:#088874;background:#e0f5ee;border-radius:12px;width:100%;margin-top:11px;padding:11px;font-size:12px;font-weight:800}.home-links{justify-content:space-between;margin-top:17px;display:flex}.home-links button{background:0 0;padding:6px;font-size:11px;font-weight:700}.offline-label{text-align:center;color:var(--muted);margin:14px 0 9px;font-size:9px}footer{color:#80949d;justify-content:center;gap:12px;font-size:9px;display:flex}.play{height:100dvh;min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.play-head{background:#f7f9fc;flex-shrink:0;align-items:center;gap:12px;padding:15px 20px 8px;display:flex}.score{flex:1}.score strong{letter-spacing:-1px;color:#08a68f;font-size:32px;font-weight:900;line-height:1.12;display:block}.score strong span{padding-left:2px;font-size:16px}.match-status{text-align:center;margin-right:8px}.match-status span{color:#059c82;background:#e1f5ee;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:800;display:block}.match-status b{font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;display:block}.goal-row{color:var(--muted);flex-shrink:0;align-items:center;gap:11px;padding:0 20px 10px;font-size:9px;display:flex}.progress{background:#e0e8ed;border-radius:5px;flex:1;height:5px;overflow:hidden}.progress i{background:var(--mint);border-radius:5px;height:100%;display:block}.goal-row button{background:0 0;width:30px;height:25px;padding:0;font-size:24px}.arena{border-top:1px solid #dbe5e9;border-bottom:1px solid #dbe5e9;flex:1;min-height:120px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.start-hint{text-align:center;pointer-events:none;background:#ffffffed;border-radius:17px;width:max-content;max-width:88%;padding:17px 18px;animation:2s infinite hint;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 25px #31535d20}.start-hint b{font-size:14px;display:block}.start-hint span{color:var(--muted);margin-top:7px;font-size:9px;display:block}@keyframes hint{50%{transform:translate(-50%,-54%)}}.line-status{white-space:nowrap;pointer-events:none;background:#ffffffde;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.line-status.danger{color:#b46521;background:#fff0e3}.toast{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#203d49e8;border-radius:14px;padding:10px 15px;font-size:14px;font-weight:800;transition:opacity .18s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.control-bar{background:#f7f9fc;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.dpad{touch-action:none;grid-template-rows:33px 33px 33px;grid-template-columns:36px 36px 36px;gap:3px;display:grid}.dpad button{background:#e5edf1;border-radius:10px;font-size:20px;font-weight:800;box-shadow:0 2px #cedce3}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.dpad-center{text-align:center;color:#91a8b2;grid-area:2/2;font-size:18px;line-height:33px}.control-tip{text-align:center;flex:1}.control-tip b{font-size:11px;line-height:1.7;display:block}.control-tip span{color:var(--muted);margin-top:7px;font-size:10px;display:block}.boost{color:#9a7019;touch-action:none;background:#ffedc0;border:3px solid #ffda76;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.boost b{margin-top:3px;font-size:10px}.boost small{margin-top:2px;font-size:8px}.overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#213b4966;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{touch-action:pan-y;background:#fbfcfe;border-radius:26px;width:100%;max-width:410px;max-height:90dvh;padding:27px 24px;overflow-y:auto;box-shadow:0 20px 70px #213d4933}.modal h2{letter-spacing:-.7px;margin:0 0 8px;font-size:23px}.modal .eyebrow{letter-spacing:2px;color:#06a890;margin:0 0 9px;font-size:10px;font-weight:800}.modal p{color:#6f848f;font-size:12px;line-height:1.8}.modal .primary{margin-top:16px;padding:13px;font-size:13px;box-shadow:0 4px #089680}.secondary{background:#e9eff3;border-radius:13px;width:100%;margin-top:11px;padding:12px;font-size:12px;font-weight:800}.text-button{color:#6e8390;background:0 0;width:100%;margin-top:5px;padding:12px;font-size:11px}.result-number{letter-spacing:-3px;color:#08a98f;font-size:60px;font-weight:900;line-height:1.3}.result-number small{letter-spacing:0;font-size:25px}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0;display:grid}.stats-grid div{background:#edf3f5;border-radius:12px;padding:12px 4px}.stats-grid small{color:var(--muted);font-size:9px;display:block}.stats-grid b{font-size:17px}.reward-note{text-align:center;background:#fff0c9;border-radius:10px;padding:8px;font-weight:800;color:#a07816!important}.instructions{gap:12px;margin:18px 0;display:grid}.instructions div{align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;display:flex}.instructions b{color:#079c85;text-align:center;background:#dcf3ec;border-radius:10px;min-width:30px;padding:5px}.instructions strong{display:block}.instructions span{color:#6e8590;font-size:11px}.setting{border-bottom:1px solid #e8eff2;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.switch{color:#69818f;background:#dce6eb;border-radius:20px;min-width:54px;padding:7px 13px;font-size:11px;font-weight:700}.shop-grid{grid-template-columns:1fr 1fr;gap:11px;margin:18px 0;display:grid}.skin-card{text-align:center;background:#edf3f5;border:2px solid #0000;border-radius:16px;padding:15px 9px}.skin-preview{border-radius:13px;width:43px;height:43px;margin:0 auto 11px;font-size:17px;font-weight:800;line-height:40px;display:block}.skin-card strong{font-size:11px;display:block}.skin-card small{color:#70878f;margin-top:5px;font-size:10px;display:block}.notice{z-index:20;color:#fff;background:#254453;border-radius:14px;width:max-content;max-width:90%;padding:12px 17px;font-size:11px;line-height:1.6;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #203d4930}.warning{background:#fff0dd;border-radius:10px;padding:9px;color:#b36a26!important}.confirm-box{font-size:12px;line-height:1.9}@media (width>=700px){#app{border-left:1px solid #dbe5ea;border-right:1px solid #dbe5ea}.home{padding-left:40px;padding-right:40px}.hero-board{height:240px;margin-top:-75px}.hero{padding-top:36px}.home-bottom{margin-top:32px}h1{font-size:94px}.control-bar{padding:18px 28px}.arena{min-height:200px}}@media (height<=760px){.home{padding-top:15px}.hero{padding-top:14px}h1{margin-top:14px;font-size:59px}.hero-board{height:168px;margin-top:-43px}.home-bottom{margin-top:15px}.home-links{margin-top:12px}.offline-label{margin-top:9px}.primary{padding:14px}.account{margin-bottom:12px}.control-bar{padding-top:7px;padding-bottom:7px}.dpad{grid-template-rows:28px 28px 28px;grid-template-columns:31px 31px 31px}.play-head{padding-top:9px}.dpad-center{line-height:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.frontier-entry{background:linear-gradient(110deg,#10bda2,#269aa5);margin-bottom:0;box-shadow:0 5px #148b81}.frontier-entry-note{text-align:center;color:#6f8590;margin:10px 0 22px;font-size:9px;line-height:1.6}.home:has(.frontier-entry) .hero-board{height:170px}.home:has(.frontier-entry) h1{font-size:64px}.home:has(.frontier-entry) .hero{padding-top:16px}.settlement{padding:calc(17px + env(safe-area-inset-top)) 23px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(at 70% 14%,#ddf2e7,#0000 47%),#f7f9f6}.settlement-title{margin:26px 0 0}.settlement-title .eyebrow{color:#668e82;letter-spacing:1.4px;font-size:10px;font-weight:700}.settlement-title h1{letter-spacing:-1.4px;margin:8px 0;font-size:32px;line-height:1.4}.settlement-title>p:last-child{color:#799085;font-size:11px}.village{background:radial-gradient(at 50% 65%,#edf3dd 0 50%,#dfefea 51%);border-radius:26px;height:183px;margin:7px -7px 16px;position:relative;overflow:hidden}.village-land{background:#cce6c9;border:2px solid #94cfb9;border-radius:45% 53% 40% 54%;position:absolute;inset:37px 40px 22px;transform:rotate(-9deg);box-shadow:0 8px #aad7c430}.house{background:#fff8e7;border-radius:5px;width:66px;height:48px;position:absolute;top:76px;left:44%;box-shadow:0 5px #7c9d7a30}.house:before{content:"";clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%);background:#3da78e;width:75px;height:43px;position:absolute;top:-28px;left:-5px}.house i{background:#648c82;border-radius:5px 5px 0 0;width:18px;height:27px;position:absolute;bottom:0;left:25px}.house b{background:#a9d8d9;border:2px solid #eee;width:11px;height:10px;position:absolute;top:10px;left:7px}.v-tree{color:#63a16e;text-shadow:0 5px #729a7220;font-size:65px;line-height:1;position:absolute}.t1{top:52px;left:14%}.t2{font-size:54px;top:75px;right:13%}.t3{color:#85b480;font-size:45px;top:36px;left:27%}.v-route{border-top:4px dashed #d2b77a;width:85px;height:20px;position:absolute;top:125px;left:45%;transform:rotate(17deg)}.villager{text-align:center;color:#214d4b;background:#19baa0;border-radius:9px;width:25px;height:25px;font-size:11px;font-weight:700;line-height:25px;position:absolute;top:112px;left:67%;box-shadow:0 3px #579c7740}.v-label{color:#648a79;background:#ffffffc9;border-radius:12px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.storehouse{background:#fff2d6;border-top:9px solid #ddae6e;width:36px;height:31px;display:none;position:absolute;top:98px;left:29%}.settlement:not([data-level="0"]) .storehouse{display:block}.settlement[data-level="3"] .house,.settlement[data-level="4"] .house{transform:scale(1.17)}.resource-wallet{gap:10px;margin:12px 0 17px;display:flex}.resource-wallet>div{background:#fff;border:1px solid #e1e9e1;border-radius:17px;grid-template-columns:1fr auto;align-items:center;gap:3px;width:50%;padding:12px 15px;display:grid}.resource-wallet span{color:#74917f;font-size:10px}.resource-wallet b{color:#3b6250;grid-row:span 2;font-size:24px}.resource-wallet small{letter-spacing:1.1px;color:#93a79b;font-size:8px}.next-island{background:#ecf4ee;border:1px solid #dce9df;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:15px;display:flex}.next-island small{letter-spacing:1.5px;color:#6c9886;font-size:8px;font-weight:800}.next-island h2{letter-spacing:-.7px;margin:5px 0;font-size:19px}.next-island p{color:#6c8c7b;margin:0;font-size:10px}.next-island>span{color:#73a284;font-size:10px;font-weight:700}.upgrade-heading{justify-content:space-between;align-items:center;gap:5px;margin:29px 0 10px;display:flex}.upgrade-heading small{color:#89a091;font-size:8px}.upgrade-list{gap:8px;display:grid}.upgrade-card{text-align:left;background:#fff;border:1px solid #e0e9e2;border-radius:15px;align-items:center;gap:11px;width:100%;min-height:66px;padding:12px 11px;display:flex}.upgrade-card:disabled{opacity:.72}.upgrade-icon{color:#648d75;background:#eaf3ec;border-radius:10px;place-items:center;width:35px;height:35px;font-size:24px;display:grid}.upgrade-card>span:nth-child(2){flex:1}.upgrade-card strong{font-size:11px;display:block}.upgrade-card small{color:#91a296;margin-top:5px;font-size:9px;line-height:1.5;display:block}.upgrade-card>b{color:#7e957e;white-space:nowrap;font-size:10px;line-height:1.7}.f-supplies{color:#6a8b7b;background:#f1f6ef;border-block:1px solid #e7eee5;justify-content:space-between;gap:8px;padding:8px 20px;font-size:10px;display:flex}.frontier-controls{background:#f7f9f6}.joystick{touch-action:none;--stick-x:0px;--stick-y:0px;background:radial-gradient(circle,#e5eee8 0 55%,#d6e4dd 56% 57%,#edf3ef 58%);border-radius:50%;flex-shrink:0;width:100px;height:100px;position:relative}.joystick i,.floating-stick i{width:40px;height:40px;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));background:#fff;border:1px solid #d2e3d8;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #345b5a20}.joystick span{letter-spacing:1px;color:#8ba49a;font-size:8px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.floating-stick{z-index:3;pointer-events:none;background:#ffffff30;border:2px solid #ffffff60;border-radius:50%;width:86px;height:86px;position:absolute;transform:translate(-50%,-50%)}.floating-stick i{background:#ffffff9c;width:32px;height:32px}.result-wallet{margin-top:20px}.play:has(#f-canvas){background:#f7f9f6}.play:has(#f-canvas) .arena{min-height:160px}.play:has(#f-canvas) .play-head small{font-size:10px}.play:has(#f-canvas) .goal-row{padding-top:3px;padding-bottom:6px}@media (height<=760px){.frontier-controls .joystick{width:80px;height:80px}.frontier-entry-note{margin:8px 0 17px}.home:has(.frontier-entry) .hero-board{height:145px}.home:has(.frontier-entry) h1{font-size:53px}.home:has(.frontier-entry) .hero{padding-top:10px}.settlement-title{margin-top:17px}.village{height:166px}}.power-checklist{color:#244d49;text-align:left;background:#edf5eb;border:2px solid #92b49d;border-radius:14px;margin:12px 0;padding:12px;font-size:12px;line-height:1.6}.power-checklist p{margin:7px 0;font-size:12px}.power-checklist ul{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.power-checklist li{background:#fff;border-radius:7px;padding:6px 8px}.power-checklist small{font-size:11px;display:block}.village{background:#4db2d7;border:3px solid #21638c;border-radius:22px;overflow:hidden;box-shadow:0 5px #17496c}.village>.power-island-art{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.village>.village-land,.village>.v-tree,.village>.house,.village>.storehouse,.village>.v-route,.village>.villager{display:none}.village .v-label{z-index:2;color:#65502f;background:#fff1bd;border:2px solid #a07f43;border-radius:20px;padding:5px 14px;box-shadow:0 3px #214f76}.settlement{background:#f5edcc}.settlement-title h1{color:#194f77}.next-island{background:#fff9df;border:2px solid #c2a967;box-shadow:0 4px #d2bc83}.island-route button{border-color:#8ba77d}.island-route .current button{background:#ffd86d;border-color:#a46a28}.upgrade-card{background:#fff9e6;border-color:#c2b899}.resource-wallet>div{background:#e1f1ec;border-color:#8ab6a7}.mission-strip{color:#fff1a0;background:#214969;border-bottom:2px solid #57839c}.f-supplies{background:#fff6d8}.goal-row{background:#e7f5ec}.play-head{color:#fff;background:#2d7298}.match-status{color:#fff4c3}.play-head .score small{color:#d1eff4}.control-bar.frontier-controls{background:#e7dfbd;border-top:3px solid #a4aa85}.frontier-controls .control-tip{color:#31566c}.power-checklist{box-shadow:inset 0 0 0 3px #ffffff70}.frontier-controls .control-tip b{color:#254e65;text-shadow:none}.frontier-controls .control-tip span{color:#486477}.frontier-controls .joystick span{color:#e7f8ff;text-shadow:none}:root{--mint:#159bff;--ink:#173b66;--muted:#4d6885;color:var(--ink);background:#124879;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}#app{background:#167cd2;box-shadow:0 0 70px #082a5566}button{font-weight:850}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ffdf37}button:disabled{opacity:.68}.home,.settlement{padding:calc(14px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 12%,#ffffff25 0 3px,#0000 4px) 0 0/35px 35px,linear-gradient(#35bbf1,#1687e1 70%)}.home-head{color:#fff;text-shadow:0 2px #155699;gap:10px;height:44px}.home-head>span{letter-spacing:1px;font-size:11px}.settlement .home-head>span{letter-spacing:0;font-size:19px}.logo-mark{color:#264363;width:34px;height:34px;text-shadow:none;background:#ffdb36;border:2px solid #895921;border-radius:10px;line-height:28px;box-shadow:0 3px #12548b}.icon-btn{color:#164374;background:#effbff;border:2px solid #194574;border-radius:12px;width:44px;height:44px;font-size:22px;box-shadow:0 4px #124976}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #124976}.home:has(.frontier-entry) .hero{text-align:center;padding-top:14px}.pill{color:#fff;letter-spacing:.4px;background:#164c89;border:2px solid #95e7ff;padding:5px 12px;font-size:11px;box-shadow:0 3px #195c92}.home:has(.frontier-entry) h1{white-space:nowrap;letter-spacing:-2px;color:#fff;-webkit-text-stroke:1.4px #19477b;paint-order:stroke fill;text-shadow:0 4px #164778;margin:10px 0 0;font-size:clamp(37px,10.8vw,58px);line-height:1.15;transform:rotate(-3deg)}.home h1>span{color:#ffe34a}.dot{color:#fff}.j-title{color:#e2f9ff;letter-spacing:4px;margin:6px 0 0;font-size:11px}.home:has(.frontier-entry) .hero-board{background:repeating-linear-gradient(0deg,#0000 0 23px,#668b491b 23px 24px),repeating-linear-gradient(90deg,#0000 0 23px,#668b491b 23px 24px),#b1d978;border:3px solid #164d76;border-radius:22px;height:182px;margin:16px 0 0;transform:rotate(-2deg);box-shadow:0 7px #126197}.patch{border-width:3px;border-radius:15px;box-shadow:inset 0 3px #ffffff60,0 3px #19496b33}.p1{background:#26a8ff;border-color:#126ab6;width:46%;height:96px;bottom:4px;left:23%}.p2{background:#fa6583;border-color:#ad315f;width:80px;height:75px}.p3{background:#a773ee;border-color:#654092;width:65px;height:90px}.hero-line{filter:drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff);border-width:8px;border-color:#1b96f6;bottom:37px;right:36px}.mascot{color:#173b66;background:#159bff;border:2px solid #164575;border-radius:13px;bottom:68px;right:23px;box-shadow:0 5px #154d7c66,inset 0 4px #ffffff60}.mascot:before,.villager:before{content:"";background:#ffdb38;border:2px solid #a87420;border-radius:8px 8px 3px 3px;width:82%;height:13px;position:absolute;top:-8px;left:9%}.mascot i{background:#153657;box-shadow:0 0 0 3px #fff}.bubble{color:#214a74;border:2px solid #214a74;padding:8px 10px;font-size:11px;top:16px;right:18px;box-shadow:0 3px #214a7440}.map-tag{color:#fff;text-shadow:0 2px #17437b;-webkit-text-stroke:1px #164575;paint-order:stroke fill;font-size:26px;bottom:15px;left:30%}.home:has(.frontier-entry) .home-bottom{margin-top:22px}.primary{color:#573d16;text-shadow:0 1px #fff3b2;background:linear-gradient(#ffe36a,#ffbe2e);border:2px solid #91621c;border-radius:16px;gap:9px;min-height:54px;padding:13px 12px;font-size:18px;box-shadow:0 6px #a66619,inset 0 2px #fff3b2}.primary:active{transform:translateY(4px);box-shadow:0 2px #a66619}.frontier-entry{background:linear-gradient(#ffeb68,#ffbf2f);box-shadow:0 6px #ae681a,inset 0 2px #fff3b2}.primary span{font-size:22px}.frontier-entry-note{color:#eefaff;margin:13px 0 18px;font-size:10px;font-weight:800;line-height:1.5}.account{background:#effbff;border:2px solid #1b6099;border-radius:13px;margin-bottom:11px;padding:9px 12px;box-shadow:0 3px #126197}.account strong{font-size:16px}.account small{color:#527491;font-size:9px}.coin{color:#765010;background:#ffed92;border:2px solid #e5b634;border-radius:12px;padding:5px 8px;font-size:13px}.mode-tabs{background:#145c9e;border:2px solid #12518d;border-radius:12px;gap:4px;padding:3px}.mode-tabs button{color:#ddf5ff;border-radius:8px;padding:8px 2px;font-size:12px}.mode-tabs button.selected{color:#176aa8;background:#f0fbff;box-shadow:0 3px #1c4279}.mode-description{color:#e5f7ff;margin:9px 0 12px;font-size:10px;font-weight:700}#start{color:#1a4f2b;text-shadow:0 1px #dcffa1;background:linear-gradient(#b4ed66,#77d446);border-color:#38742b;min-height:46px;padding:10px;font-size:15px;box-shadow:0 5px #317135,inset 0 2px #dcffa1}.home-links{gap:8px;margin-top:15px}.home-links button{color:#205482;background:#ffffffde;border:1px solid #276c9c;border-radius:9px;padding:8px 10px;font-size:11px;box-shadow:0 2px #175d98}.offline-label,footer{color:#e0f4ff;font-size:9px}.home footer{margin-top:8px}.resume{color:#15527f;background:#e6f9ff;border:2px solid #206198;box-shadow:0 3px #14558e}.settlement-title{text-align:center;margin:18px 0 12px}.settlement-title .eyebrow{color:#d8f6ff;letter-spacing:2px;margin:0 0 7px;font-size:9px}.settlement-title h1{letter-spacing:-.7px;white-space:nowrap;color:#fff;text-shadow:0 3px #15518d;-webkit-text-stroke:1px #20568a;paint-order:stroke fill;margin:0;font-size:clamp(20px,5.9vw,30px);line-height:1.2}.settlement-title h1 span{color:#ffe553}.village{isolation:isolate;background:radial-gradient(at 50% 65%,#5cc5e3 0 53%,#92e0f2 54%);border:3px solid #205b8b;border-radius:20px;height:170px;margin:12px 0 13px;box-shadow:0 6px #165a92}.village-land{background:#a4d84f;border:3px solid #508633;inset:27px 32px 24px;box-shadow:0 7px #659d3b,0 12px #37648e35}.house{background:#ffecac;border:2px solid #936432;top:65px;box-shadow:0 5px #5b8a3550}.house:before{filter:drop-shadow(0 3px #b95520);background:#ed8130}.house i{background:#8e4b2b;border:2px solid #b46c30}.house b{background:#66d9ff;border-color:#a36d33}.v-tree{color:#32a444;text-shadow:0 4px #277c35,0 7px #37723435}.t1{top:40px}.t2{top:64px}.t3{color:#66c73d;top:25px}.v-route{filter:drop-shadow(0 1px #fff);border-color:#179cf5;border-top-width:6px;top:114px}.villager{color:#fff;background:#159bff;border:2px solid #1d5c91;border-radius:8px;font-size:10px;line-height:22px;top:104px;box-shadow:0 4px #245b8430}.villager:before{border-width:1px;height:7px;top:-5px}.v-label{color:#684b17;background:#ffe978;border:2px solid #b3802c;border-radius:8px;padding:4px 10px;font-size:10px;bottom:9px;box-shadow:0 2px #416a6560}.storehouse{background:#ffeab0;border:2px solid #aa722e;border-top:9px solid #ee822b;top:90px}.resource-wallet{gap:10px;margin:0 0 14px}.resource-wallet>div{background:#fff3cf;border:2px solid #c79c3c;border-radius:12px;gap:0;padding:8px 12px;box-shadow:0 3px #245f91}.resource-wallet>div:last-child{background:#e1f6ff;border-color:#518ac7}.resource-wallet b{color:#83541c;font-variant-numeric:tabular-nums;font-size:27px}.resource-wallet>div:last-child b{color:#276ac2}.resource-wallet span{color:#7e561f;font-size:11px;font-weight:900}.resource-wallet>div:last-child span{color:#235a92}.resource-wallet small{color:#99702c;font-size:8px}.resource-wallet>div:last-child small{color:#437eb5}.island-route{justify-content:space-between;gap:0;margin:6px 0 12px;padding:0 3px;list-style:none;display:flex;position:relative}.island-route:before{content:"";background:#155c98;border-radius:3px;height:5px;position:absolute;top:13px;left:15px;right:15px}.island-route li{z-index:1;text-align:center;color:#31739b;background:#a2d7f0;border:2px solid #276da0;border-radius:50%;width:29px;height:29px;font-size:16px;line-height:25px;position:relative;box-shadow:0 2px #175795}.island-route .done{color:#785a16;background:#ffdf4f;border-color:#9b7624}.island-route .current{color:#206db0;background:#fff9db;border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 3px #ffdf39,0 4px #155896}.next-island{background:#f0fbff;border:2px solid #205d95;border-radius:14px;gap:6px;margin-bottom:13px;padding:12px;box-shadow:0 4px #155994}.next-island small{color:#2b76b4;letter-spacing:1px;font-size:9px}.next-island h2{margin:4px 0;font-size:21px}.next-island p{color:#345e87;font-size:11px;font-weight:750}.next-island>span{color:#8b631b;white-space:nowrap;background:#ffed95;border:1px solid #d4ad43;border-radius:7px;padding:5px 7px;font-size:10px}.upgrade-heading{color:#fff;text-shadow:0 2px #155a95;margin:23px 0 10px}.upgrade-heading b{font-size:15px}.upgrade-heading small{color:#d8f1ff;font-size:9px;font-weight:700}.upgrade-list{gap:10px}.upgrade-card{background:#eefbff;border:2px solid #24669e;border-radius:12px;gap:9px;min-height:69px;padding:10px;box-shadow:0 4px #145593}.upgrade-card:disabled{opacity:1;color:#345f81;background:#d3eaf6;border-color:#4f8ab1;box-shadow:0 3px #175593}.upgrade-card:not(:disabled){border-color:#ffe471;box-shadow:0 0 0 1px #bc8b25,0 4px #145593}.upgrade-icon{color:#1c6aa8;background:#bfe6ff;border:2px solid #75b8e5;border-radius:9px;flex-shrink:0;width:39px;height:42px;font-size:27px}.upgrade-card strong{font-size:12px}.upgrade-card small{color:#436d8c;margin-top:3px;font-size:9px}.upgrade-card>b{color:#78561a;background:#fff0a6;border:1px solid #d0a539;border-radius:7px;min-width:40px;padding:3px 7px;font-size:11px}:is(.play,.play:has(#f-canvas)){background:#187bc8}.play-head{color:#fff;background:linear-gradient(#237dc4,#155997);border-bottom:0;gap:10px;padding:12px 16px 7px}.score small{color:#daf3ff;font-size:10px;font-weight:800}.play:has(#f-canvas) .play-head small{color:#daf3ff;font-size:10px;font-weight:800}.score strong{color:#fff;text-shadow:0 3px #164370;letter-spacing:0;font-size:34px;line-height:1.1}.score strong span{font-size:18px}.match-status span{color:#765416;background:#ffeb79;border:2px solid #bd912c;border-radius:8px;padding:3px 7px;font-size:11px;box-shadow:0 2px #123f72}.match-status b{color:#fff;text-shadow:0 2px #123f72;margin:4px 0 0;font-size:21px}.match-status b.urgent{color:#ffed66}.goal-row{color:#e9faff;background:#155997;gap:10px;padding:4px 16px 10px;font-size:10px;font-weight:900}.play:has(#f-canvas) .goal-row{color:#e9faff;background:#155997;gap:10px;padding:4px 16px 10px;font-size:10px;font-weight:900}.goal-row b{color:#fff}.goal-row button{color:#1d5f97;background:#e3f7ff;border:2px solid #173e6e;border-radius:7px;min-width:33px;height:30px;font-size:23px;line-height:23px}.progress{background:#12365f;border:2px solid #87c7f2;border-radius:8px;height:13px;box-shadow:0 2px #123e6c}.progress i{background:linear-gradient(#fff292,#ffca35);border-radius:4px;box-shadow:inset 0 2px #fffac9}.f-supplies{color:#1f5b91;background:#e3f6ff;border-block:2px solid #1e608e;padding:7px 16px;font-size:10px;font-weight:850}.f-supplies span:first-child{color:#895d1f}.f-supplies span:last-child{color:#635091}.arena{border-block:2px solid #215985}.start-hint{z-index:2;background:#fff8cf;border:2px solid #9b742b;border-radius:13px;padding:13px 15px;top:65%;box-shadow:0 5px #1d598d66}.start-hint b{color:#624519;font-size:14px}.start-hint span{color:#8b6528;margin-top:4px;font-size:10px}.line-status{color:#184f7e;white-space:normal;text-align:center;background:#e8fbff;border:2px solid #245685;border-radius:10px;max-width:95%;padding:6px 10px;font-size:10px;bottom:10px;box-shadow:0 3px #21598544}.line-status.danger{color:#78421c;background:#ffdf50;border-color:#a86220;box-shadow:0 3px #814b3033}.exposed .arena{border-bottom-color:#e9992e}.toast{color:#684618;text-shadow:0 1px #fff7b4;background:#ffeb67;border:2px solid #86591d;border-radius:12px;padding:12px 17px;font-size:17px;transition:opacity .14s,scale .14s;scale:.9;box-shadow:0 4px #3a679555}.toast.on{scale:1}.control-bar,.frontier-controls{background:linear-gradient(#258ed9,#186fba);border-top:2px solid #62bcec;gap:10px;padding:12px 16px}.control-tip b{color:#effaff;text-shadow:0 2px #155590;font-size:11px}.control-tip span{color:#c9eaff;margin-top:5px;font-size:9px}.boost{color:#795118;background:linear-gradient(#ffef73,#ffbf30);border:3px solid #98651d;border-radius:20px;flex-shrink:0;width:80px;height:84px;box-shadow:0 5px #174f83,inset 0 3px #fff7ae}.boost>span{font-size:32px;line-height:28px}.boost b{font-size:11px}.boost small{font-size:9px;font-weight:800}.boost:disabled{color:#285982;opacity:1;background:#8db4d4;border-color:#386a98;box-shadow:0 3px #174f83}.joystick{background:radial-gradient(circle,#3977a5 0 49%,#9cddf3 50% 58%,#276394 59%);border:3px solid #174d7d;width:94px;height:94px;box-shadow:0 4px #144d80,inset 0 3px #b9efff}.joystick i,.floating-stick i{background:linear-gradient(#e9faff,#83d8f4);border:2px solid #1c679c;width:42px;height:42px;box-shadow:0 4px #1a507b}.joystick span{color:#e3f8ff;font-size:8px;font-weight:900;bottom:6px}.floating-stick{background:#15476d55;border:3px solid #e3f8ff}.floating-stick i{background:#ffe369;border-color:#a87922;width:32px;height:32px}.dpad button{color:#1a659e;background:#c9f2ff;border:2px solid #165080;box-shadow:0 3px #144e82}.dpad-center{color:#b6e9ff}.dpad button:active{background:#ffdf5d}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102f65a8}.modal{background:#edf9ff;border:3px solid #245e95;border-radius:20px;padding:24px 21px;box-shadow:0 9px #153e73,0 20px 70px #102e6344}.modal h2{color:#194f86;letter-spacing:-.5px;font-size:25px}.modal .eyebrow{color:#317eb7;letter-spacing:1.5px}.modal p{color:#436b8d}.modal .primary{border:2px solid #986e25;min-height:45px;font-size:14px;box-shadow:0 4px #a86a1c}.secondary{color:#245a85;background:#d5edf9;border:2px solid #5a91b5;border-radius:11px;box-shadow:0 3px #85b0ca}.text-button{color:#35658a}.result-number{color:#168beb;text-shadow:0 3px #9bd4f4}.stats-grid div{background:#d5edff;border:1px solid #8bc6ed}.stats-grid small{color:#3e7095}.reward-note{background:#ffe88e;border:2px solid #c7a447;color:#7f5817!important}.instructions b{color:#69501d;background:#ffdc4e;border:1px solid #b68a24}.instructions span{color:#467194}.skin-card{background:#d2edff;border-color:#8dc4e9}.skin-card.selected{border-color:#198adb}.skin-card small{color:#32688f}.setting{border-color:#bedced}.switch.on{color:#2d6123;background:#9ee357}.notice{color:#fff;background:#163e72;border:2px solid #78c9f7}@media (width>=700px){.home,.settlement{padding-left:30px;padding-right:30px}.home:has(.frontier-entry) h1{font-size:58px}.home:has(.frontier-entry) .hero-board{height:195px}.village{height:183px}.control-bar{padding:15px 22px}}@media (height<=760px){.home,.settlement{padding-top:calc(10px + env(safe-area-inset-top))}.home:has(.frontier-entry) .hero{padding-top:9px}.home:has(.frontier-entry) h1{font-size:40px}.home:has(.frontier-entry) .hero-board{height:142px;margin-top:12px}.home:has(.frontier-entry) .home-bottom{margin-top:17px}.frontier-entry-note{margin:10px 0 14px}.primary{min-height:48px;padding:10px;font-size:16px}.settlement-title{margin-top:13px}.village{height:147px}.house{top:56px}.t1{top:32px}.t2{top:54px}.t3{top:18px}.v-route{top:103px}.villager{top:96px}.play-head{padding-top:8px}.score strong{font-size:30px}.control-bar{padding:9px 14px}.frontier-controls .joystick{width:80px;height:80px}.boost{width:73px;height:75px}.resource-wallet b{font-size:24px}}.victory-medal{color:#a06815;text-align:center;text-shadow:0 2px #fff3a1;background:linear-gradient(#fff08a,#ffc12b);border:4px solid #ad7a20;border-radius:50%;width:76px;height:76px;margin:0 auto 18px;font-size:45px;line-height:66px;transform:rotate(-8deg);box-shadow:0 5px #bc791c,inset 0 0 0 5px #ffe57c}.match-status span.complete{color:#2e651c;background:#a1e85a;border-color:#44852e}.island-route{gap:5px}.island-route li{padding:0;overflow:visible}.island-route li button{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 0 2px;display:flex}.island-route li button:disabled{cursor:default}.island-route li small{letter-spacing:-1px;font-size:8px;line-height:9px}.island-route li button:focus-visible{outline-offset:4px;border-radius:9px;outline:3px solid #fff}.island-route .available{color:#1764a8;background:#d0efff;border-color:#218adb}.island-rule{color:#165180;margin:4px 4px 7px;font-size:11px;font-weight:900}.upgrade-next{color:#215583;margin:-2px 3px 7px;font-size:11px;font-weight:800}.mission-strip{text-align:center;color:#654512;background:#fff0a6;border:2px solid #a77020;border-radius:8px;flex-shrink:0;margin:0 8px 4px;padding:4px 5px;font-size:10px;font-weight:900;line-height:15px}.mission-strip.tutorial{background:#ffdd4a}.f-supplies{flex-wrap:wrap;gap:4px}.f-supplies #f-perk{color:#125a94;margin-left:auto;font-size:10px}.perk-choices{gap:10px;display:grid}.perk-choice{text-align:left;color:#174267;cursor:pointer;background:#edf8ff;border:3px solid #175188;border-radius:16px;gap:6px;padding:13px;display:grid;box-shadow:0 4px #123c64}.perk-choice b{font-size:18px}.perk-choice span{font-size:13px;line-height:1.5}.perk-choice:hover,.perk-choice:focus-visible{background:#fff0a4;border-color:#bb7a18}.perk-choice:active{transform:translateY(3px);box-shadow:0 1px #123c64}.star-results{background:#fff2b5;border:2px solid #dcac38;border-radius:13px;gap:4px;margin:10px 0;padding:9px;display:grid}.star-results strong{color:#ba7415;letter-spacing:7px;text-align:center;text-shadow:0 2px #fff;font-size:32px}.star-results span{font-size:12px;font-weight:800}.star-results small{font-size:10px;line-height:1.5}#f-result-next{margin-bottom:8px}@media (height<=720px){.island-rule{margin:2px 2px 4px;font-size:10px}.upgrade-next{margin:0 2px 5px;font-size:10px}.mission-strip{padding:2px 4px;font-size:9px;line-height:13px}.f-supplies #f-perk{font-size:9px}.perk-choice{padding:10px}.perk-choice b{font-size:16px}}.island-route li{border-radius:11px;width:34px;height:40px;line-height:normal}.island-route:before{top:18px}.island-route li b{font-size:15px;line-height:18px}.island-rule{background:#dbf5ff;border:1px solid #5baada;border-radius:7px;padding:4px 7px}.upgrade-next{color:#fff7c7;text-shadow:0 1px #175990}.toast{white-space:normal;text-align:center;max-width:94%;font-size:12px;line-height:1.4}.game-paths{gap:10px;margin:10px 0 14px;display:grid}.game-paths .primary{flex-direction:column;align-items:center;gap:5px;min-height:70px;margin:0;font-size:19px;display:flex}.game-paths small{letter-spacing:0;font-size:10px;font-weight:750}.battle-entry{color:#164f7e;background:linear-gradient(#c3f1ff,#7fd6fb);border-color:#245e94;box-shadow:0 5px #174f7e}.home .hero-board{margin-bottom:0}.home .home-bottom{margin-top:16px}.home .mode-tabs{margin-top:6px}.home .mode-description{font-size:10px}.home .account{padding:7px 12px}.home .offline-label{color:#ecfaff;margin:10px 0}.home .home-links{margin-top:12px}#home .mascot,#home .hero-line{--mint:var(--player-color,#159bff)}#home .p1{background:var(--player-color,#159bff)}.play[data-kind=arena] .mission-strip{color:#185785;background:#e2f6ff;border-color:#2e699e}.play[data-kind=arena] .f-supplies{display:none}.play[data-kind=arena] .match-status span{text-align:center;min-width:64px}@media (height<=720px){.home:has(.frontier-entry) .hero-board{height:115px;margin-top:8px}.home:has(.frontier-entry) .home-bottom{margin-top:10px}.game-paths{gap:8px;margin:8px 0 10px}.game-paths .primary{min-height:59px;padding:8px;font-size:17px}.game-paths small{font-size:9px}.home .home-links{margin-top:8px}.home .offline-label{margin:8px 0;font-size:9px}.home .mode-description{margin:7px 0}.home .account{padding:5px 10px}}#home .mascot{background:var(--player-color,#159bff)}#home .hero-line{border-color:var(--player-color,#159bff)}.line-status.critical{color:#fff;background:#bd263d;border:2px solid #fff2b8;font-weight:900;box-shadow:0 3px #72152b}.goal-row #f-zoom{flex-shrink:0;min-width:44px;height:44px;min-height:44px}