/* Brighter island palette, opaque reading surfaces and illustrated treasure tiles. */
:root{--mint:#36ba92;--mint-dark:#186c52;--cream:#fffbed;--peach:#ffad85;--pink:#f35e9c;--ink:#284e3d;--muted:#52694d;--line:#b7d994}
body{color:var(--ink);font-size:16px;background:#d3f1bd}.island-background{background:linear-gradient(#f6fcf310,#fbfff13b 70%,#e1f2d9a8),url('assets/cloud-island.png') center/cover no-repeat;filter:saturate(1.25)}
.topbar{background:#fffef0cf;border-bottom-color:#bcd392;border-radius:0 0 24px 24px}.brand{color:#216d51}.brand-symbol{background:#53c4a0;border-color:#f3ffd5;color:#fff4a4}.top-location,.help-button{color:#365d42;font-weight:800}
.chapter-hud{padding:18px 20px;background:#fffdf0ed;border:1px solid #cae1b5;border-radius:22px;box-shadow:0 4px 0 #a9cd8629}.chapter-name h1{color:#245a3c}.chapter-name h1>span:first-child{color:#6f983c}.hud-stat>strong{color:#376b38}.hud-stat.wallet{background:#fff0b6;border-color:#e1bb50}.wallet strong{color:#8a591b}
.companion-card,.bet-panel{background:#fffef5;border-color:#accf91;box-shadow:0 6px 0 #9fbd7c80,0 12px 20px #557c5118}.companion-status,.companion-card h2,.companion-card button,.route .eyebrow{color:#315f40}.route{background:#fffdf0e8;padding:17px 12px 0;border-radius:18px}.route li.current{color:#246144}.route li{color:#476444}.route li>small{color:#5d704e}.route li.current>span{background:#32aa7d;color:#fff;border-color:#2b8d6c}
.table-rail{background:linear-gradient(140deg,#f7d57e,#d99a46);border-color:#d0a05c;box-shadow:0 7px 0 #b8824b,0 16px 25px #59744430}.felt{background:linear-gradient(135deg,#fff8d7,#fff3c0);border-color:#e7c77a}.table-top,.board-bottom{color:#586b3d}.score-strip>div>span{color:#47613e;font-weight:700}.score-strip strong{color:#197c5f}.score-strip .next-score strong{color:#946321}
.bet-input{background:#fff8d9;border-color:#d4c58a}.bet-input input{color:#365d3e}.stepper{background:#d6f0bf;border-color:#a2c879}.stepper output,.risk strong{color:#286241}.quick-bets button{background:#e2f3cc;border-color:#b4d48e;color:#355632}.keypad button{background:linear-gradient(#fffdf3,#f4eccb);border-color:#cec699;color:#375940;box-shadow:0 3px 0 #bcc69b}.panel-title h2{color:#2f6746}.action-button{background:linear-gradient(#ffaf87,#f48b76);border-color:#cc745b;box-shadow:0 4px 0 #bb654d;color:#643425;text-shadow:none}.action-button.cashout{background:linear-gradient(#6fe0b2,#36bb91);border-color:#2a9f75;box-shadow:0 4px 0 #237f60;color:#164d3a}.action-hint{color:#52603c}
.felt>.item-pouch{background:#fffef4;border-color:#d8cb8d}.item-card{background:#d9f5c5;border-color:#aacd83}.item-card[data-item=radar]{background:#dce8ff;border-color:#a7b9e4}.item-card[data-item=boost]{background:#fff0ab;border-color:#debe57}.item-card[data-item=charm]{background:#ffdbe6;border-color:#e8a4bc}.item-card>strong{color:#344e39}.item-stock{background:#fffbea;border-color:#d1b875;color:#70491f;font-weight:800}.item-status{color:#4d6040}.item-pouch-heading h2{color:#375d3c}.item-shortcut{color:#67502a;background:#fff4ca;border-color:#d4b667}
.board-grid{perspective:850px;gap:12px}.tile{background:linear-gradient(145deg,#ffe8bb,#f4bd75);border:2px solid #ba7d47;border-radius:18px;box-shadow:0 5px 0 #a76b3e,inset 0 3px 0 #fff6d8;isolation:isolate;transition:transform .18s,background .18s,box-shadow .18s}.tile:after{inset:5px;border:1px solid #fff2cc;border-radius:12px;background:radial-gradient(circle at 20% 20%,#fff8de8c,transparent 60%);z-index:-1}.tile:before{display:none}.tile .unknown{display:grid;place-items:center;width:100%;height:100%}.tile .unknown svg{width:80%;height:80%;filter:drop-shadow(0 2px 0 #fff4ce)}.tile .tile-index{font-size:12px;color:#784a29;font-weight:800;top:5px;left:7px}.tile:not(:disabled):hover{transform:translateY(-4px) rotate(-2deg);background:linear-gradient(135deg,#fff2c5,#ffc775);box-shadow:0 8px 0 #a76b3e,0 0 0 3px #fff7c5}
.tile>svg{width:76%;height:76%;filter:drop-shadow(0 3px 1px #376e4c22)}.tile:disabled{opacity:1}.tile.safe{background:linear-gradient(135deg,#e3ffcb,#8be5af);border-color:#4caa7c;box-shadow:0 5px 0 #358c68,inset 0 3px 0 #f0ffe1}.tile.mine{background:linear-gradient(135deg,#ffe1ef,#fda9cf);border-color:#cf689d;box-shadow:0 5px 0 #aa4b7c}.tile.mine.hit{background:linear-gradient(135deg,#fff1bb,#ffc39f);border-color:#df8b67;box-shadow:0 5px 0 #b56b50}.tile.mine:not(.hit) svg{opacity:.9}.tile.unpicked{background:#e7edd5;border-color:#b4c09c}.tile.unpicked svg{width:65%;opacity:.45}.tile.peek-safe{background:#c9f8d9}.tile.peek-mine{background:#ffdeed}.tile.safe:has(.radar-number) svg{width:65%;height:65%;translate:-4px 5px}.radar-number{color:#215346;background:#fffef0;border-radius:6px;min-width:16px;font-size:18px;z-index:1;text-shadow:none}.converted-badge{color:#ad3572;background:#ffedf6;border-radius:50%;padding:0 3px;z-index:1}
.result-banner{background:#fffdf0;border-color:#70ad80}.result-banner>strong,.result-banner>span{color:#256647}.result-banner.loss{background:#fff5e7;border-color:#e38b9f}.result-banner.loss>strong,.result-banner.loss>span{color:#a83d64}.result-banner small{color:#585c40}.board-message,.history-title>span,.history-title h2,footer{color:#486345}.history-card{background:#fffdf1;border-color:#bfd59d}.history-card strong{color:#236343}.history-card small{color:#526847}
.avg-panel,.avg-log{background:#fffef3fc;border-color:#c9ddae}.avg-text-area>p{color:#304c3e;font-weight:600}.avg-nameplate{background:#319c7b}.avg-task-hint{color:#735222;background:#fff2ba}.avg-panel-bottom>button{background:#d8efbe;color:#315637}.avg-panel-bottom>span,.avg-log p{color:#526947}.item-dialog{background:#fffdf2;color:#314d3b;border-color:#a3c77d}.item-dialog-price strong{color:#855415}.item-dialog .item-dialog-state{color:#795032}.item-dialog .item-dialog-note,.item-dialog-kicker{color:#526947}.mobile-dock{background:#fffdf3fa;border-color:#b5ce96}.mobile-dock>div>strong,.mobile-dock>div>button{color:#315c43}
@media(max-width:1150px){.item-card>strong,.item-stock{font-size:13px}.score-strip strong{font-size:27px}.score-strip .next-score strong{font-size:20px}.route li{font-size:13px}.item-icon{width:52px;height:52px}}
@media(max-width:700px){body{font-size:16px}.chapter-hud{padding:16px 14px;gap:15px}.chapter-name h1{font-size:24px}.hud-stat>span{font-size:13px}.hud-stat>span:last-child{font-size:12px}.hud-stat{padding-left:10px}.hud-stat.wallet{min-width:100px}.wallet>span:last-child{font-size:12px}.score-strip strong{font-size:25px}.score-strip>div>span{font-size:13px}.score-strip .next-score strong{font-size:19px}.board-grid{gap:9px}.tile{border-radius:13px}.tile:after{inset:4px;border-radius:8px}.tile .tile-index{font-size:11px;left:5px;top:3px}.item-card>strong,.item-stock{font-size:12px}.item-status{font-size:12px}.item-pouch-heading h2{font-size:13px}.item-icon{width:46px;height:46px}.item-card{min-height:97px}.avg-text-area>p{font-size:17px}.avg-layer.is-tutorial .avg-text-area>p{font-size:15px}.avg-task-hint{font-size:13px}.avg-layer.is-aside .avg-text-area>p{font-size:14px}.item-dialog p{font-size:15px}.action-hint{font-size:13px}.table-top{font-size:12px}.item-shortcut{font-size:12px}.board-bottom{font-size:12px}.topbar{padding-inline:15px}.header-right{gap:10px}.help-button{font-size:12px}.help-button#replay{font-size:12px}}
@media(max-width:360px){.chapter-name h1{font-size:22px}.score-strip strong{font-size:22px}.score-strip .next-score strong{font-size:17px}.item-card>strong,.item-stock{font-size:12px}.item-icon{width:39px;height:39px}.hud-stat.wallet{min-width:85px;padding:9px}.hud-stat>span{font-size:12px}.hud-stat>span:last-child{font-size:12px}.table-top{font-size:12px}.item-shortcut{font-size:11px}}
.item-card .item-state{font-size:12px;color:#536343;line-height:1.6}.item-card.item-spent .item-state{color:#853b60}.item-card.item-armed .item-stock{color:#853b60}.active-effects>span[data-effect=charm],.active-effects>span[data-state=spent]{color:#853b60}.active-effects>span[data-effect=radar]{color:#355d80}.active-effects>span[data-effect=boost]{color:#765318}.item-toast-copy>strong{color:#71354d}.item-toast-copy>p{color:#654653;font-size:14px}
@media(max-width:700px){.item-card .item-state{font-size:12px}.item-toast-copy>p{font-size:14px}}