@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{color:#293f33;font-synthesis:none;background:#c7e3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #c69f57}[hidden]{display:none!important}#world{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{letter-spacing:-1.3px;pointer-events:none;color:#244c3d;text-shadow:0 1px 8px #ffffff65;font:28px DM Serif Display,Georgia,serif;position:fixed;top:24px;left:28px}.brand>span{color:#b58b4c;margin-left:2px}.brand small{letter-spacing:2.5px;margin-top:4px;font:8px DM Sans,sans-serif;display:block}#pause-btn{color:#2c483a;background:#f7f8efb5;border-radius:10px;width:38px;height:38px;font-size:18px;position:fixed;top:24px;right:24px}#crosshair{pointer-events:none;filter:drop-shadow(0 1px 1px #0009);width:14px;height:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fffdf0;position:absolute}#crosshair:before{width:14px;height:2px;top:6px}#crosshair:after{width:2px;height:14px;left:6px}#hit-marker{color:#ffe8a0;opacity:0;pointer-events:none;font-size:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#damage-readout{letter-spacing:.7px;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;font-size:11px;position:fixed;top:calc(50% + 24px);left:50%;transform:translate(-50%)}#hint{color:#fff;text-shadow:0 1px 5px #000b;white-space:nowrap;pointer-events:none;font-size:11px;transition:opacity 1s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#hint i{opacity:.6;margin:0 7px;font-style:normal}#diagnostics{color:#e4efc7;pointer-events:none;background:#16291de0;max-width:90vw;padding:8px 12px;font:11px monospace;position:fixed;top:85px;left:20px}#pause-screen{background:#25433420;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.pause-card{background:#f8f7edfa;border:1px solid #ffffffb0;border-radius:23px;width:420px;max-width:100%;padding:32px 36px;box-shadow:0 20px 80px #153b3025}.eyebrow{letter-spacing:2px;color:#788571;font-size:9px}h1{letter-spacing:-1.6px;margin:17px 0;font:400 42px/1.08 DM Serif Display,Georgia,serif}p{color:#7a8376;margin:0 0 22px;font-size:13px;line-height:1.7}.play-button{color:#fffdf0;background:#345744;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:13px;font-weight:600;display:flex}.play-button:hover{background:#264735}.play-button:disabled{opacity:.55;cursor:wait}.play-button span{font-size:21px;font-weight:400}.controls{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.controls>span{color:#7b8576;align-items:center;gap:9px;font-size:11px;display:flex}kbd{text-align:center;color:#465941;background:#e9ecdf;border-radius:4px;min-width:58px;padding:5px 6px;font:9px DM Sans,sans-serif}.sensitivity{color:#6c7b65;justify-content:space-between;margin:20px 0 8px;font-size:11px;display:flex}#sensitivity{accent-color:#56724c;width:100%;height:4px;display:block}.pause-footer{color:#87907e;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;display:flex}.pause-footer label{align-items:center;gap:5px;display:flex}.pause-footer input{accent-color:#56724c}.footnote{color:#9a9f92;margin-top:18px;font-size:10px;line-height:1.7;display:block}.error{color:#956836;margin:16px 0 8px;font-size:12px}#browser-link{color:#406446;font-size:12px}body.playing #pause-screen,body:not(.playing) #crosshair,body:not(.playing) #hint,body:not(.playing) #damage-readout{display:none}body.mouse-locked{cursor:none}body.mouse-locked #pause-btn{pointer-events:none}#touch-controls{display:none}body.touch.playing #touch-controls{display:block}body.touch #hint{display:none}#joystick{bottom:max(36px,env(safe-area-inset-bottom));touch-action:none;background:#f6f9ed30;border:1px solid #fff8;border-radius:50%;width:112px;height:112px;position:fixed;left:28px}#stick{pointer-events:none;background:#fff9;border-radius:50%;width:42px;height:42px;position:absolute;top:34px;left:34px}.touch-actions{grid-template-columns:50px 65px;gap:10px;display:grid;position:fixed;bottom:36px;right:24px}.touch-actions button{color:#2f4b3a;touch-action:none;background:#f6f9ed8f;border-radius:50%;width:100%;height:50px;font-size:10px;font-weight:700}#touch-fire{color:#fff;background:#345744d9;height:65px}#touch-jump{font-size:23px}#touch-sprint.active{background:#e0bf7c}.touch .footnote{display:none}@media (width<=700px){.brand{font-size:24px;top:18px;left:20px}#pause-btn{top:18px;right:18px}#hint{display:none}.pause-card{padding:26px 27px}h1{font-size:36px}.controls{gap:10px;margin:20px 0}.pause-footer{font-size:9px}}@media (height<=650px){#pause-screen{align-items:flex-start;padding:16px}.pause-card{padding:23px 28px}h1{margin:12px 0;font-size:30px}.controls{gap:8px;margin:16px 0}.footnote{margin-top:10px}.brand{font-size:24px}}.difficulty-control{color:#50664f;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:12px;display:flex}.difficulty-control select{color:#324e3e;cursor:pointer;background:#e7ebdf;border:1px solid #d8dfce;border-radius:8px;max-width:65%;padding:11px 13px;font:600 12px DM Sans,sans-serif}.restart-button{color:#536a50;background:0 0;border-radius:8px;width:100%;margin-top:3px;padding:12px;font-size:11px}.restart-button:hover{background:#e8ebdf}#combat-hud{pointer-events:none;color:#fff9eb;text-shadow:0 1px 3px #12281d66;display:none;position:fixed;inset:0}body.playing #combat-hud{display:block}.health-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183b31d9;border:1px solid #e7ead333;border-radius:12px;width:190px;padding:13px 16px;position:absolute;bottom:56px;left:28px}.health-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.health-title>span{letter-spacing:1.4px;color:#c1ceb2;font-size:9px}.health-title strong{font-size:20px;font-weight:600}.health-title small{color:#c1ceb2;font-size:10px}.health-track{background:#ffffff23;border-radius:4px;height:5px;overflow:hidden}#health-fill{background:#cde497;width:100%;height:100%;transition:width .12s}#health-fill.low{background:#ed8b71}#shield-label{color:#cce4ff;min-height:12px;margin-top:8px;font-size:10px;display:block}.score-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183b31d9;border:1px solid #e7ead333;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px 23px;min-width:155px;padding:13px 18px;display:grid;position:absolute;top:80px;right:26px}.score-card>div{flex-direction:column;gap:3px;display:flex}.score-card strong{font-size:23px;font-weight:600}.score-card span{letter-spacing:.8px;color:#c1ceb2;font-size:8px}.score-card>small{color:#c1ceb2;border-top:1px solid #ffffff20;grid-column:span 2;padding-top:9px;font-size:10px}.score-card>small span{letter-spacing:0;font-size:10px}#hurt-flash{pointer-events:none;opacity:0;z-index:2;position:fixed;inset:0;box-shadow:inset 0 0 100px 30px #bf432d}body:not(.playing) #hurt-flash{display:none}#hit-marker.enemy-hit{color:#ff8c65;font-size:36px}#combat-toast{color:#fff4d5;text-shadow:0 2px 5px #173b29;pointer-events:none;white-space:nowrap;font-size:15px;font-weight:600;position:fixed;top:34%;left:50%;transform:translate(-50%)}#respawn-panel{color:#f9f4e7;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f302d66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#respawn-panel>div{background:#213f35ee;border:1px solid #e4ebcf44;border-radius:18px;padding:28px 36px}#respawn-panel .eyebrow{color:#c5d4b6}#respawn-panel h2{margin:14px 0;font:30px DM Serif Display,Georgia,serif}#respawn-panel p{color:#cbd6c3;margin:0}body:not(.playing) #respawn-panel,body:not(.playing) #combat-toast{display:none}@media (width<=700px){.health-card{width:140px;padding:10px 12px;bottom:36px;left:18px}.score-card{gap:8px 15px;min-width:125px;padding:10px 12px;top:70px;right:18px}.score-card strong{font-size:20px}.touch .health-card{top:80px;bottom:auto;left:16px}.touch .score-card{top:80px;right:16px}.touch #combat-toast{top:40%}#respawn-panel h2{font-size:25px}}body.playing:not(.combat-enabled) #combat-hud{display:none}.mode-description{color:#65765e;margin:-5px 0 17px;font-size:11px;line-height:1.6}.combat-rules{color:#7c8672;margin:-5px 0 16px;font-size:10px;line-height:1.5}#team-score{color:#d1e6f5;letter-spacing:.6px;margin-top:7px;display:block}#hit-marker.friendly-hit{color:#80c8ff}.difficulty-control select:focus-visible{outline-offset:3px;outline:3px solid #b99655}#pause-screen{align-items:safe center}.pause-card{flex-shrink:0}body.playing:not(.combat-enabled) #hurt-flash{display:none}.sound-test{color:#425c48;background:#e8ecdf;border-radius:6px;padding:7px 10px;font-size:10px}.sound-test:hover{background:#dce4d0}#island-hud{color:#fff5df;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183b31db;border:1px solid #ffffff30;border-radius:10px;gap:16px;padding:11px 18px;font-size:11px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}#island-hud span{color:#c4d1b5;font-size:9px}#island-hud strong{margin-left:4px;font-size:14px}#island-objective{color:#f4f1df;pointer-events:none;background:#183b31d9;border-left:3px solid #e4c477;border-radius:0 10px 10px 0;max-width:270px;padding:14px 17px;font-size:12px;position:fixed;top:88px;left:26px}#island-objective small{color:#c0d0b8;margin-top:7px;line-height:1.5;display:block}#island-tools{gap:6px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}#island-tools button{color:#faf4df;background:#183b31df;border:1px solid #e4edc94a;border-radius:8px;padding:11px 15px;font-size:11px}#island-tools button.selected{color:#274538;background:#c9d5a4}#interact-prompt{color:#324d3e;text-align:center;background:#fbf4d9ed;border-radius:8px;max-width:90vw;padding:10px 15px;font-size:12px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}#island-message{color:#fff5df;text-align:center;pointer-events:none;background:#254c3eee;border:1px solid #d5debd70;border-radius:10px;max-width:85vw;padding:14px 20px;font-size:13px;position:fixed;top:25%;left:50%;transform:translate(-50%)}#island-panel{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12352f50;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.island-shell{color:#2e4637;background:#f5f3e7;border:1px solid #fff9;border-radius:20px;flex-direction:column;width:min(960px,100%);height:min(800px,95dvh);display:flex;overflow:hidden;box-shadow:0 24px 100px #0a282b50}.island-shell header{justify-content:space-between;align-items:center;padding:26px 30px 18px;display:flex}.island-shell h2{margin:8px 0 0;font:32px DM Serif Display,Georgia,serif}.island-shell h2 small{color:#818976;margin-left:15px;font:11px DM Sans,sans-serif;display:inline-block}.island-shell header button{color:#53664e;background:#e5e7d9;border-radius:50%;width:36px;height:36px;font-size:25px}.island-shell nav{gap:8px;padding:0 30px 16px;display:flex}.island-shell nav button{color:#78836f;background:0 0;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:600}.island-shell nav button.selected{color:#fff7e5;background:#345744}#island-stock{background:#e8eadc;grid-template-columns:repeat(6,1fr);gap:18px;padding:15px 30px;display:grid}#island-stock>div{flex-direction:column;gap:4px;display:flex}#island-stock span{color:#7a876e;font-size:10px}#island-stock strong{font-size:20px;font-weight:500}#island-page{scrollbar-width:thin;flex:1;padding:26px 30px;overflow:auto}.island-intro{grid-template-columns:1fr 195px;align-items:center;gap:32px;display:grid}.island-shell h3{letter-spacing:-.5px;margin:10px 0 12px;font:28px/1.2 DM Serif Display,Georgia,serif}.island-shell p{margin:6px 0 10px;font-size:12px;line-height:1.65}.population-card{text-align:center;background:#e8e9d7;border-radius:12px;padding:20px}.population-card>strong{font-size:38px;font-weight:500}.population-card strong small{color:#899273;font-size:18px}.population-card>span{letter-spacing:1.5px;margin:5px 0 12px;font-size:9px;display:block}.population-card>small{color:#7b856c;font-size:10px}.progression{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.progression>div{color:#929587;background:#e9e8df;border-radius:8px;grid-template-columns:30px 1fr;gap:6px;padding:14px 12px;display:grid}.progression>div.unlocked{color:#3a5941;background:#dce4c9}.progression span{grid-row:span 2;font-size:12px}.progression strong{font-size:12px}.progression small{font-size:9px}.wide-card{background:#eeefe2;border:1px solid #d8ddc9;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:16px 0;padding:18px;display:flex}.island-shell h4{margin:0 0 7px;font-size:13px}.island-shell h4 small{color:#849171;margin-left:5px;font-size:10px}.build-cost{color:#7d866e;font-size:10px;line-height:1.6;display:block}.island-action{color:#fff5de;white-space:nowrap;background:#385c45;border-radius:7px;padding:11px 14px;font-size:11px;line-height:1.4}.island-action:hover{background:#254732}.island-action.secondary{color:#46603e;background:#e0e4d1}.island-action:disabled{color:#959b88;cursor:default;background:#e0e2d6}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:24px 0 14px;display:flex}.section-heading>span{color:#859078;font-size:10px}.build-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.build-card{background:#faf8ed;border:1px solid #dbe0cd;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.build-card.locked{background:#eceee2}.build-card>div{flex:1}.build-card p{font-size:11px}.build-card small{color:#819071;font-size:10px}.building-icon{color:#567544;background:#dce6c7;border-radius:10px;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.building-icon.factory,.building-icon.bunker{color:#546e6a;background:#d8e0de}.building-icon.farm{color:#698b35;background:#e2e9be}.owned-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.owned-grid article{background:#faf8ed;border:1px solid #dce0cf;border-radius:10px;padding:16px}.owned-grid article>small{color:#929780;font-size:10px}.owned-grid .island-action{margin-top:10px}.empty-island{text-align:center;border:1px dashed #c5d0b4;border-radius:10px;padding:24px}.empty-island>strong{font-size:13px}.empty-island p{max-width:450px;margin:10px auto 16px}.block-choices{flex-wrap:wrap;gap:8px;display:flex}.island-shell footer{color:#869174;border-top:1px solid #dce0ce;justify-content:space-between;gap:20px;padding:13px 30px;font-size:10px;display:flex}.save-options{color:#718166;margin-top:25px;font-size:11px}.save-options input{font:inherit;color:#34513e;background:#fffcef;border:1px solid #cad4bc;border-radius:5px;padding:9px}.save-options label{align-items:center;gap:8px;margin:12px 8px 12px 0;display:inline-flex}.import-label input{width:180px}.save-options p{max-width:620px;font-size:10px}.fleet-emblem{color:#4d7e7b;text-align:center;background:#d7e6df;border-radius:14px;place-content:center;height:135px;font:65px Georgia,serif;display:grid}.fleet-emblem span{letter-spacing:1px;font:10px DM Sans,sans-serif}.raid-card{background:#e2e8d7;border-radius:12px;margin:20px 0;padding:24px}.raid-card .island-action{margin-right:10px}.island-shell button:focus-visible{outline-offset:3px;outline:3px solid #c4a65d}body.managing #pause-screen,body.managing #hint,body.managing #combat-hud,body.managing #island-hud,body.managing #island-tools,body.managing #island-objective,body:not(.playing) #island-hud,body:not(.playing) #island-tools,body:not(.playing) #island-objective,body:not(.playing) #interact-prompt,body.island-mode #hint{display:none}#manage-island-btn{color:#4a6544;background:#e6ead7;border-radius:8px;width:100%;margin-top:10px;padding:13px;font-size:12px;font-weight:600}body.island-mode .score-card{display:none}body.island-mode .health-card{bottom:25px}#touch-interact{color:#344c3d;background:#e1d39dcf!important}@media (width<=700px){#island-panel{padding:10px}.island-shell{border-radius:14px;height:calc(100dvh - 20px)}.island-shell header{padding:20px 18px 14px}.island-shell h2{font-size:26px}.island-shell h2 small{margin:5px 0 0;display:block}.island-shell nav{gap:0;padding:0 14px 12px}.island-shell nav button{padding:10px 12px;font-size:11px}#island-stock{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px}#island-stock strong{font-size:17px}#island-page{padding:18px}.island-intro{grid-template-columns:1fr;gap:14px}.population-card{display:none}.island-shell h3{font-size:26px}.build-grid{grid-template-columns:1fr 1fr}.build-card{padding:13px}.build-card .island-action{white-space:normal;padding:10px 6px;font-size:10px}.progression{gap:5px}.progression>div{padding:11px 8px;display:block}.progression span{margin-bottom:5px;display:block}.progression small{margin-top:4px;font-size:8px;display:block}.wide-card{flex-direction:column;align-items:flex-start}.section-heading{display:block}.section-heading>span{margin-top:6px;display:block}.island-shell footer{padding:12px 18px}#island-save-status{display:none}.owned-grid{grid-template-columns:1fr}#island-hud{flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:94vw;padding:9px 12px;top:70px}#island-hud span{font-size:8px}#island-hud strong{font-size:11px}#island-objective{max-width:220px;padding:10px 12px;font-size:10px;top:125px;left:16px}#island-tools{bottom:12px}#island-tools button{padding:9px 10px;font-size:10px}.touch #island-tools{bottom:190px}.touch #interact-prompt{bottom:240px}.touch.island-mode .health-card{top:auto;bottom:250px;left:16px}#interact-prompt{bottom:65px}.fleet-emblem{height:90px;font-size:45px}.island-shell .eyebrow{letter-spacing:1px;font-size:8px}}body:not(.island-mode) #touch-build,body:not(.island-mode) #touch-interact{display:none}.owned-grid .island-action.secondary{margin-left:6px;font-size:9px}@media (width<=700px){.population-card{text-align:left;grid-template-columns:65px 1fr;gap:4px;padding:12px;display:grid}.population-card>strong{grid-row:span 3;align-self:center;font-size:30px}.population-card strong small{font-size:13px}.population-card>span,.population-card>p{margin:0}.population-card>p{font-size:10px}}#base-panel{z-index:6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15362d66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.base-sheet{color:#304737;background:#f7f4e6;border:1px solid #fffb;border-radius:18px;width:min(560px,100%);max-height:92dvh;padding:28px;overflow:auto;box-shadow:0 20px 90px #13352c40}.base-sheet header{justify-content:space-between;align-items:center;display:flex}.base-sheet h2{margin:9px 0;font:32px DM Serif Display,Georgia,serif}.base-sheet header button{color:#50664b;background:#e6e8d9;border-radius:50%;width:36px;height:36px;font-size:25px}.base-intro{margin:4px 0 20px}.base-wallet{color:#6d795c;background:#e7e9d7;border-radius:9px;gap:26px;padding:15px 19px;font-size:12px;display:flex}.base-wallet strong{color:#34543e;margin-left:7px;font-size:21px}.base-cards{gap:13px;margin:20px 0;display:grid}.base-cards article{background:#fcfaef;border:1px solid #d6dcc6;border-radius:10px;gap:17px;padding:18px;display:flex}.base-cards h3{margin:0 0 8px;font-size:15px}.base-cards h3 small{color:#808c70;margin-left:6px;font-size:10px;font-weight:400}.base-cards p{margin:0 0 12px;font-size:12px;line-height:1.6}.base-icon{color:#a18132;background:#e8d9aa;border-radius:7px;flex:none;place-items:center;width:40px;height:40px;font-size:27px;display:grid}.fence-icon{color:#86613a;background:#e5d3b3}.base-cards button{color:#fff4d8;background:#385b44;border-radius:6px;padding:11px 14px;font-size:11px}.base-cards button:disabled{color:#7d876e;cursor:default;background:#e6e7db}.base-primary{color:#fff7e2;background:#345743;border-radius:8px;width:100%;padding:15px;font-size:13px;font-weight:600}.base-controls{text-align:center;margin:13px 0 22px;font-size:11px;line-height:1.8}.base-sheet footer{color:#849071;border-top:1px solid #dce0cf;align-items:center;gap:15px;padding-top:16px;font-size:10px;display:flex}.base-sheet footer span{flex:1}.base-sheet footer button,.base-sheet footer label{font:inherit;color:#506d46;cursor:pointer;background:0 0;padding:3px}.base-sheet output{color:#567047;min-height:0;margin-top:10px;font-size:12px;line-height:1.6;display:block}#tool-interact{display:none}#island-hud{gap:24px}#touch-remove{font-size:8px}.touch-actions{grid-template-columns:50px 65px}.touch #island-tools{bottom:215px}.touch #interact-prompt{bottom:263px}body:not(.island-mode) #touch-remove{display:none!important}body:not(.playing) #island-message,body.managing #island-message{display:none}@media (width<=700px){#base-panel{padding:10px}.base-sheet{max-height:96dvh;padding:22px 19px}.base-sheet h2{font-size:28px}.base-cards article{gap:12px;padding:14px}.base-cards button{white-space:normal;text-align:left;line-height:1.4}.base-sheet footer{flex-wrap:wrap;gap:10px}#island-hud{gap:13px;width:auto;top:20px;left:auto;right:70px;transform:none}#island-objective{max-width:235px;top:84px}.touch #island-tools button{padding:10px 12px}.touch #island-tools{width:max-content}.touch #interact-prompt{max-width:75vw;padding:8px 11px;font-size:10px}}@media (height<=550px) and (width>=701px){.base-sheet{max-height:94dvh;padding:20px}.base-cards{grid-template-columns:1fr 1fr}.base-icon{display:none}.base-controls{margin:8px 0}.touch #island-tools{bottom:14px}.touch #interact-prompt{bottom:65px}.touch-actions{grid-template-columns:repeat(4,48px);bottom:14px}#island-objective{max-width:225px}}#crosshair.usable:before,#crosshair.usable:after{background:#ffe09a}#island-tools{white-space:nowrap}.touch #island-tools{max-width:calc(100vw - 20px)}.touch #island-tools button{padding:10px 9px}