:root{--cream:#e8dfc9;--paper:#b9a98c;--brass:#c9913d;--rust:#9d3e25;--coal:#171715;--panel:rgba(26,24,20,.93);--line:rgba(218,187,128,.25)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#15130f;color:var(--cream);font-family:Georgia,'Times New Roman',serif}button{font:inherit;color:inherit}#game{position:fixed;inset:0;width:100%;height:100%;background:#28251d}.grain,.shade{position:fixed;inset:0;pointer-events:none}.grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.shade{box-shadow:inset 0 0 180px rgba(0,0,0,.8)}.hidden{display:none!important}.screen{position:fixed;z-index:30;inset:0;display:none;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(64,48,30,.55),rgba(12,11,9,.95));backdrop-filter:blur(7px)}.screen.active{display:grid}.hero,.modal{position:relative;width:min(900px,92vw);padding:52px 58px;border:1px solid #6e5a3b;background:linear-gradient(140deg,rgba(39,34,26,.98),rgba(20,19,16,.98));box-shadow:0 45px 130px #000,0 0 0 7px #181713,0 0 0 8px #615238;text-align:center}.hero:before,.modal:before{content:"";position:absolute;inset:9px;border:1px solid rgba(201,145,61,.25);pointer-events:none}.stamp{display:inline-block;border:1px solid var(--brass);color:var(--brass);padding:6px 12px;letter-spacing:.23em;font:700 10px Arial,sans-serif}.hero h1{font-size:clamp(64px,10vw,116px);line-height:.8;margin:42px 0 25px;letter-spacing:-.08em;text-shadow:0 5px #0c0b09}.hero h1 span,.logo span{color:var(--brass)}.subtitle{color:#b5a78f;font-size:18px;font-style:italic}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:35px 0;text-align:left}.rules>div{display:flex;gap:13px;padding:18px;background:#201e19}.rules>div>b{font:900 28px Arial;color:#564a39}.rules span,.rules strong{display:block}.rules span{font:12px Arial;color:#867b69;line-height:1.5}.rules strong{font-size:10px;color:#dbcfb8;letter-spacing:.12em}.primary{position:relative;border:0;padding:17px 28px;background:var(--brass);color:#20160b;font:bold 12px Arial;letter-spacing:.14em;cursor:pointer}.primary:hover{background:#e7b967;transform:translateY(-1px)}.primary i{margin-left:60px}.tiny{font:9px Arial;color:#655c4e;letter-spacing:.1em;margin-bottom:0}header{position:fixed;z-index:8;left:18px;right:18px;top:16px;display:grid;grid-template-columns:1fr auto 1fr;pointer-events:none}.logo{font-weight:900;font-size:22px;letter-spacing:-.04em}.logo small,.era small,.resources small{display:block;font:8px Arial;letter-spacing:.18em;color:#89765a}.era{text-align:center;background:rgba(25,22,17,.88);border:1px solid var(--line);padding:8px 30px}.era b{display:block;font:12px Arial;letter-spacing:.15em;margin:4px}.era em{color:var(--brass);font-size:11px}.resources{display:flex;justify-content:flex-end;gap:28px;text-align:right}.resources b{display:block;font:18px Arial;margin-top:3px}.icon{pointer-events:auto;position:absolute;right:0;top:48px;background:#29241b;border:1px solid var(--line);width:36px;height:32px;cursor:pointer}.panel{position:fixed;z-index:8;top:92px;bottom:108px;width:260px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.3);padding:16px}.panel.left{left:18px}.panel.right{right:18px}.panel-title{border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:12px}.panel-title span,.panel-title b{display:block}.panel-title span{font:8px Arial;color:var(--brass);letter-spacing:.2em}.panel-title b{font:16px Arial;margin-top:4px;letter-spacing:.08em}.contract{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.contract.done{opacity:.45}.contract h3{font:12px Arial;margin:0 0 6px}.contract p{font:10px Arial;color:#978c79;margin:5px 0}.progress{height:5px;background:#393229}.progress i{display:block;height:100%;background:var(--brass);transition:.3s}.deliver{width:100%;margin-top:12px;padding:10px;background:#9b492b;border:0;font:bold 9px Arial;letter-spacing:.12em;cursor:pointer}.deliver:hover{background:#c6663d}.deliver:disabled{opacity:.42;cursor:not-allowed}.inventory{margin-top:16px}.inventory h3{font:8px Arial;letter-spacing:.18em;color:#746957}.stock{display:grid;grid-template-columns:1fr 1fr;gap:4px}.stock span{background:#201d18;padding:6px;font:9px Arial}.stock b{float:right;color:var(--brass)}#inspectBody{min-height:150px;color:#9f927e;font:11px Arial;line-height:1.5}#inspectBody strong{display:block;color:#eee0c6;font-size:14px}kbd{border:1px solid #675b48;padding:2px 5px;color:#d0bd99;background:#1a1814}.speed{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.speed button{padding:7px 2px;background:#26221b;border:1px solid #493f31;font:9px Arial;cursor:pointer}.speed button.active{color:#24190d;background:var(--brass)}.message{position:fixed;z-index:8;left:50%;top:94px;transform:translateX(-50%);background:rgba(27,24,18,.87);border:1px solid var(--line);padding:8px 18px;font:9px Arial;letter-spacing:.08em;color:#b9aa91;transition:.2s}#buildBar{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#1d1b17;border:1px solid #69583d;box-shadow:0 15px 50px #000;padding:5px;max-width:calc(100vw - 30px)}#buildButtons{display:flex}.tool{position:relative;width:82px;height:72px;background:#27231c;border:1px solid #40382b;margin:2px;cursor:pointer}.tool:hover:not(:disabled),.tool.active{border-color:var(--brass);background:#393022}.tool:disabled{opacity:.3}.tool span,.tool b,.tool small{display:block}.tool span{font-size:24px;color:var(--brass);height:30px}.tool b{min-height:18px;font:7.5px/9px Arial;letter-spacing:.035em;overflow-wrap:anywhere}.tool small{font:8px Arial;color:#776b58;margin-top:4px}.tool .cost{position:absolute;right:4px;top:3px;color:#d6a34b;font:8px Arial}.tool.danger span{color:#bd4c32}.modal{width:min(500px,90vw);padding:45px}.modal h2{font-size:42px;line-height:1;margin:30px}.modal p{color:#9e9079;line-height:1.6}.modal button{display:block;width:100%;margin:9px 0}.secondary{background:transparent;border:1px solid #65563e;padding:14px;cursor:pointer}#victoryStats{display:flex;justify-content:center;gap:20px;margin:20px}#victoryStats b{font-size:25px;color:var(--brass);display:block}#victoryStats small{font:8px Arial;color:#776b57}.cursor-label{position:fixed;z-index:12;pointer-events:none;background:#1f1b15;border:1px solid var(--brass);padding:5px 8px;font:9px Arial}
#buildBar{flex-direction:column}.panel.left{bottom:142px}.build-row,#buildButtons{display:flex}#buildFilters{display:flex;gap:4px;padding:0 2px 4px}.build-filter{flex:1;min-height:24px;border:1px solid #493f31;background:#242019;color:#a99b83;font:bold 8px Arial;letter-spacing:.09em;cursor:pointer}.build-filter:hover{border-color:var(--brass);background:#4a3720;color:#f0d7a7}.build-filter.active{border-color:#efc36e;background:var(--brass);color:#21170c}.machine-diagnostic{margin:9px 0;padding:9px;border:1px solid #564731;background:#211d17}.machine-diagnostic>small,.timetable>small{display:block;color:var(--brass);font:8px Arial;letter-spacing:.14em}.machine-diagnostic>b{display:block;margin-top:5px;color:#e7d3aa;font:10px Arial}.machine-diagnostic p,.timetable p{margin:5px 0;font-size:9px}.machine-diagnostic em{display:block;margin-top:4px;color:#9b8c73;font:8px Arial}.machine-progress{height:5px;background:#3b3328}.machine-progress i{display:block;height:100%;background:linear-gradient(90deg,#9d5a31,#d5aa59)}.timetable{margin:9px 0;padding:9px;border:1px solid #4d4335;background:#201c17}.timetable>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.timetable button{padding:7px 2px;border:1px solid #554735;background:#29231b;color:#ad9b7d;font:bold 8px Arial;cursor:pointer}.timetable button.active{background:var(--brass);color:#24180c;border-color:#efc36e}.upgrade-building{width:100%;padding:10px;border:1px solid #c9913d;background:#392d1e;color:#e9d7b6;font:bold 9px Arial;letter-spacing:.1em;cursor:pointer}.upgrade-building small{display:block;margin-top:4px;color:#bca477}.upgrade-building:disabled{opacity:.4;cursor:not-allowed}.factory-stats{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.factory-stats h3{font:8px Arial;letter-spacing:.18em;color:#a99472}.factory-stats div{display:flex;justify-content:space-between;padding:4px 0;font:10px Arial;color:#a99b83}.factory-stats b{color:#d7b06c}.panel.right{right:18px;bottom:auto;min-height:270px}.contract p,#inspectBody{color:#bdb09a}.tool small,.resources small,.logo small,.era small{color:#a99472}.tool:disabled{opacity:.5}.tool:disabled small{color:#c39b5f}.stock span{font-size:10px}.message{font-size:10px}.panel::-webkit-scrollbar,#buildBar::-webkit-scrollbar{width:6px;height:6px}.panel::-webkit-scrollbar-thumb,#buildBar::-webkit-scrollbar-thumb{background:#705a38}.mobile-nav{display:none}
@media(max-width:850px){header{left:8px;right:8px}.logo{font-size:16px}.logo small{display:none}.era{padding:4px 8px}.era small{font-size:6px}.resources{gap:0}.resources div:not(:first-child){display:none}.resources b{font-size:14px}.mobile-nav{display:flex;position:fixed;z-index:12;left:8px;right:8px;top:67px;gap:6px}.mobile-nav button{flex:1;min-height:44px;padding:9px;background:#29231a;border:1px solid #745b36;color:#dbc69e;font:bold 9px Arial;letter-spacing:.08em}.mobile-nav button.active{background:#c9913d;color:#20160b;border-color:#efc77a}.panel{display:none;top:142px;bottom:155px;width:auto;left:8px!important;right:8px!important;padding:12px;background:#1a1814}.panel.left,.panel.right{bottom:155px}.panel.mobile-open,.panel.right.mobile-open{display:block}.message{top:108px;left:8px;right:8px;transform:none;text-align:center;white-space:normal;overflow:hidden;max-height:30px}.tool{width:76px;min-width:76px}.tool b{font-size:7.5px;white-space:nowrap;overflow-wrap:normal;word-break:normal}#buildFilters{padding:0 0 5px}.build-filter{min-height:30px;font-size:7px;letter-spacing:.02em;white-space:nowrap}.hero{padding:30px}.rules{grid-template-columns:1fr}.rules>div{padding:10px}.inventory{display:block}#buildBar{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;overflow:hidden;justify-content:flex-start;padding-bottom:5px}.build-row{max-width:100%;overflow-x:auto;touch-action:pan-x;padding-bottom:10px}.build-row::-webkit-scrollbar{height:10px}.build-row::-webkit-scrollbar-thumb{background:#9a7642}.panel::-webkit-scrollbar{width:10px}.contract{padding:6px 0}}
@media(max-height:560px){.panel{top:70px;bottom:145px}.panel.left,.panel.right{bottom:145px}.contract{padding:4px 0}.contract p{margin:3px 0}.panel-title{padding-bottom:6px;margin-bottom:6px}.deliver{position:sticky;bottom:0}.hero h1{margin:24px 0 16px}.rules{margin:18px 0}}

/* 0.6 compact command deck */
.objective-strip{position:fixed;z-index:9;top:76px;left:50%;width:min(500px,calc(100vw - 540px));min-height:30px;transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;background:rgba(24,22,18,.94);border:1px solid #5d4d35;box-shadow:0 8px 22px rgba(0,0,0,.28);font-family:Arial,sans-serif}.objective-strip small{color:var(--brass);font-size:7px;letter-spacing:.14em}.objective-strip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eadcbe;font-size:10px;letter-spacing:.04em}.objective-strip span{color:#b9a98b;font-size:9px;white-space:nowrap}.panel{width:238px;padding:12px}.panel.left{bottom:120px}.panel.right{top:104px;bottom:auto;max-height:calc(100vh - 226px);min-height:250px}.panel-title{padding-bottom:8px;margin-bottom:8px}.contract{padding:7px 0}.contract h3{margin-bottom:3px}.contract p{margin:3px 0}.stock span{padding:5px}.factory-stats{margin-top:10px;padding-top:8px}.factory-stats h3{margin:4px 0 6px}.factory-stats div{padding:3px 0}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.route-grid .upgrade-building{padding:8px 5px;letter-spacing:.04em}.route-grid .featured{grid-column:1/-1;border-color:#70b8b6;background:#263b38}.timetable .schedule-grid{grid-template-columns:repeat(2,1fr)}#buildBar{max-width:calc(100vw - 516px);padding:4px}.build-row{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.tool{width:72px;min-width:72px;height:60px}.tool span{height:24px;font-size:20px}.tool b{min-height:14px;line-height:8px}.tool small{margin-top:2px}.message{top:108px;padding:6px 14px;max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){.objective-strip{top:113px;left:8px;right:8px;width:auto;transform:none;min-height:32px}.objective-strip small{display:none}.objective-strip b{font-size:9px}.objective-strip span{font-size:8px}.message{display:none}.panel,.panel.left,.panel.right{top:153px;bottom:137px;max-height:none;width:auto;padding:10px}.panel-title{padding-bottom:7px;margin-bottom:7px}.mobile-nav{top:64px}.tool{width:68px;min-width:68px;height:54px}.tool span{height:20px;font-size:18px}.tool small{font-size:7px}#buildBar{max-width:none}.build-row{padding-bottom:7px}.contract{padding:5px 0}.route-grid{grid-template-columns:1fr 1fr}.route-grid .upgrade-building{min-height:52px}.inventory{margin-top:10px}.stock{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.logo{font-size:14px}.era b{font-size:9px}.objective-strip{gap:6px}.objective-strip b{max-width:190px}.build-filter{font-size:6.5px}.panel,.panel.left,.panel.right{bottom:133px}}
@media(max-width:850px){.route-grid{grid-template-columns:1fr}.route-grid .featured{grid-column:auto}.route-grid .upgrade-building{min-height:58px;font-size:10px}.route-grid .upgrade-building small{font-size:9px;line-height:1.35;color:#dbc8a4}.route-grid .upgrade-building:disabled{opacity:.78}.timetable .schedule-grid button{min-height:44px;font-size:9px}}

/* 0.6.1 navigation and local save slots */
.menu-button{min-height:36px;padding:7px 11px;border:1px solid #725c39;background:#2a241b;color:#e2c88f;font:bold 9px Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.menu-button:hover{border-color:var(--brass);background:#49351f}.panel-back{display:none}.pause-modal{width:min(720px,94vw);max-height:94vh;overflow-y:auto;padding:30px 34px}.pause-modal h2{margin:18px 0}.save-slots{display:grid;gap:8px;margin:16px 0 20px;text-align:left}.save-slots article{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid #574832;background:#211e18}.save-slots article>div:first-child{display:grid;gap:4px}.save-slots b{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#e6cf9f}.save-slots small{font:9px Arial,sans-serif;color:#a99a7f}.save-slots article>div:last-child{display:flex;gap:5px}.save-slots button{min-height:38px;padding:7px 9px;border:1px solid #6b5534;background:#33291d;color:#e2c898;font:bold 8px Arial,sans-serif;cursor:pointer}.save-slots button:hover:not(:disabled){border-color:#e0ad57;background:#51381d}.save-slots button[data-save-action="delete"]{border-color:#6f3b31;color:#dca08f}.save-slots button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:850px){header{padding-right:76px}.menu-button{position:absolute;right:7px;top:7px;min-height:42px;padding:6px 8px;font-size:8px}.panel-title{position:relative;padding-right:82px}.panel-back{display:block;position:absolute;right:0;top:0;min-height:34px;padding:6px 8px;border:1px solid #8c6c3c;background:#3a2b1b;color:#f0d39a;font:bold 8px Arial,sans-serif}.pause-modal{padding:22px 14px}.save-slots article{grid-template-columns:1fr;gap:8px}.save-slots article>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.save-slots button{min-height:44px;padding:7px 4px;font-size:7px}}

/* 0.7 island logistics */
.header-actions{display:flex;gap:6px;pointer-events:auto}.header-actions .menu-button{pointer-events:auto}.header-actions .menu-button.active{border-color:#efd080;background:#765426;color:#fff1c9}.village-panel{position:fixed;z-index:24;top:76px;right:18px;bottom:120px;width:310px;padding:14px;overflow-y:auto;background:rgba(25,23,18,.97);border:1px solid #735c39;box-shadow:0 18px 55px #000b;transform:translateX(calc(100% + 36px));transition:transform .18s ease}.village-panel.open{transform:none}.panel-back.visible{display:block;position:absolute;right:0;top:0;min-height:34px;padding:6px 8px;border:1px solid #8c6c3c;background:#3a2b1b;color:#f0d39a;font:bold 8px Arial,sans-serif}.village-card{margin:10px 0;padding:11px;border:1px solid #5e5038;background:#27231b}.village-card header{position:static;display:flex;justify-content:space-between;align-items:center;padding:0;background:none;border:0}.village-card header b{color:#efd28f;font:700 12px Arial}.village-card header span{color:#9fd1b2;font:700 8px Arial;letter-spacing:.1em}.village-card p{margin:6px 0;color:#c5b796;font:10px Arial}.village-card small{color:#ad9b78;font:9px Arial}.line-list{display:grid;gap:4px;margin-top:8px}.line-list span{padding:5px;background:#1d1b16;color:#d4bc87;font:8px Arial}.grid-legend{display:grid;gap:5px;margin-top:12px;padding:10px;border:1px solid #47705a;background:#18251e}.grid-legend b{color:#99dfae;font:9px Arial;letter-spacing:.12em}.grid-legend span{color:#bed1c2;font:9px Arial;line-height:1.4}.transport-setup{display:grid;gap:5px;margin:10px 0;padding:9px;border:1px solid #765d36;background:#211d16}.transport-setup>small{color:#e0b764;font:8px Arial;letter-spacing:.12em}.transport-setup p{margin:2px 0 5px}.transport-setup button{min-height:38px;border:1px solid #77603a;background:#352a1c;color:#e8ce98;font:bold 8px Arial}.transport-setup button:disabled{opacity:.42}
@media(max-width:850px){header{padding-right:154px}.header-actions{position:absolute;right:7px;top:7px}.header-actions .menu-button{position:static;min-height:42px}.village-panel{left:8px;right:8px;top:113px;bottom:137px;width:auto}.village-card{padding:9px}.panel-back.visible{min-height:36px}}

/* 0.7.2 phone and grid controls */
#game{touch-action:none}.map-controls{display:none;position:fixed;z-index:20;left:8px;bottom:144px;gap:5px;padding:5px;background:rgba(24,22,17,.9);border:1px solid #6f5938;box-shadow:0 5px 18px #0008}.map-controls button{width:44px;min-height:44px;padding:0;border:1px solid #7b633e;background:#33291d;color:#f2d9a2;font:bold 20px Arial;touch-action:manipulation}.map-controls button:active{background:#765426}.tool[data-tool="pan"].active{border-color:#8fe0aa;background:#254631;color:#d9ffe3}.danger-action{min-height:48px;border-color:#a94d39;color:#f0b09f;background:rgba(106,35,24,.22)}.danger-action:hover{background:#7d3024;border-color:#e0775e}.reset-note{margin:6px 0 0!important;color:#aa9880!important;font:10px/1.4 Arial!important}
@media(max-width:850px){.map-controls{display:flex}.message{bottom:195px;max-width:calc(100vw - 16px);white-space:normal}.build-row .tool{min-width:66px}.header-actions .menu-button{padding:5px 7px;font-size:7px}.logo small{display:none}}

/* 0.9 archipelago travel */
.island-panel{position:fixed;z-index:24;top:76px;right:18px;width:310px;padding:14px;overflow-y:auto;background:rgba(25,23,18,.97);border:1px solid #52717a;box-shadow:0 18px 55px #000b;transform:translateX(calc(100% + 36px));transition:transform .18s ease}.island-panel.open{transform:none}.island-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin:9px 0;padding:11px;border:1px solid #51493b;background:#25221c}.island-card.active{border-color:#78bdc2;background:#1d302f}.island-card div{display:grid;gap:4px}.island-card b{color:#efd28f;font:700 12px Arial}.island-card small{color:#9eb5ad;font:8px Arial;letter-spacing:.1em}.island-card button{min-height:44px;padding:7px 9px;border:1px solid #6d9da0;background:#29494a;color:#d9f5f0;font:bold 8px Arial;letter-spacing:.05em}.island-card button:disabled{opacity:.55;background:#292720;border-color:#555044;color:#a69b83}
@media(max-width:850px){header{padding-right:208px}.header-actions{gap:3px}.header-actions .menu-button{padding:4px 5px;font-size:6.5px}.island-panel{left:8px;right:8px;top:113px;bottom:137px;width:auto}.island-card{grid-template-columns:1fr}.island-card button{width:100%}}

/* 0.10 mobile recipe book */
#recipesBtn{min-height:44px}.recipe-panel{position:fixed;z-index:24;top:76px;right:18px;bottom:120px;width:340px;padding:14px;overflow-y:auto;background:rgba(25,23,18,.98);border:1px solid #8b6b3d;box-shadow:0 18px 55px #000b;transform:translateX(calc(100% + 40px));transition:transform .18s ease}.recipe-panel.open{transform:none}.recipe-card{display:grid;gap:5px;margin:9px 0;padding:11px;border:1px solid #5d4e35;background:#272219}.recipe-card header{position:static;display:flex;justify-content:space-between;align-items:center;padding:0;background:none;border:0}.recipe-card header b{color:#f0d18b;font:700 11px Arial}.recipe-card header span{color:#a5c8b0;font:700 8px Arial;letter-spacing:.1em}.recipe-card p{margin:2px 0;color:#ded0b3;font:10px/1.4 Arial}.recipe-card small{color:#d7a757;font:700 8px Arial;letter-spacing:.1em}.recipe-card strong{color:#b5a68a;font:9px Arial}.recipe-card.locked{opacity:.68;border-color:#474238}.recipe-card.locked header b,.recipe-card.locked small{color:#9e9686}
@media(max-width:850px){header{padding-right:252px}.header-actions .menu-button{padding:3px 4px;font-size:6px}.recipe-panel{left:8px;right:8px;top:113px;bottom:137px;width:auto}.recipe-card{padding:10px}.recipe-card p{font-size:11px}.recipe-card strong{font-size:10px}}

/* 0.12 recurring village concession income */
.income-rate{display:block;margin-top:1px;color:#8fd59d;font:700 8px Arial,sans-serif;letter-spacing:.05em;white-space:nowrap}
@media(max-width:850px){.income-rate{font-size:7px}}