/* Original bronze-and-iron frame, with Gowoon's own comedy resource portraits. */
.survival-hud,.playing .survival-hud{position:relative;display:grid;grid-template-columns:152px minmax(0,1fr) 152px;align-items:center;gap:18px;padding:10px 26px 13px;background:radial-gradient(ellipse at 50% 0,#4d3e2626,transparent 70%),repeating-linear-gradient(108deg,#ffffff01 0 1px,transparent 1px 5px),linear-gradient(#1c1e1c,#0c1211 53%,#20201a);border-top:2px solid #7c6542;border-bottom:1px solid #67533a;box-shadow:inset 0 2px #d6b98021,inset 0 -3px #0006;flex:none}
.survival-hud:before,.survival-hud:after{content:'';width:6px;height:6px;border-radius:50%;position:absolute;top:7px;background:radial-gradient(at 30% 25%,#ccb17a,#53442e 55%,#151613);box-shadow:0 1px 3px #000}.survival-hud:before{left:9px}.survival-hud:after{right:9px}
.portrait-stat{display:grid;place-items:center;min-width:0}.portrait-plinth{width:144px;height:144px;position:relative;background:radial-gradient(ellipse at 50% 57%,#5a422d55,transparent 68%);filter:drop-shadow(0 4px 5px #0008)}
.portrait-plinth:after{content:'';position:absolute;bottom:3px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#bea16b99,transparent)}
.portrait-plinth canvas{width:100%;height:100%;cursor:default;touch-action:auto}.portrait-caption{display:flex;align-items:baseline;gap:8px;justify-content:center;min-width:0}.portrait-caption strong{font:700 27px Georgia,serif;font-variant-numeric:tabular-nums;color:#f3e6ca;text-shadow:0 2px #000}.portrait-caption span{font-size:9px;letter-spacing:1.4px;color:#c2b48e}.health-stat .portrait-caption strong{color:#f8c8b9}.fullness-stat .portrait-caption strong{color:#d1ddbe}
.digestion-stat{min-width:0;max-width:590px;justify-self:center;width:100%;padding-top:16px}.digestive-path{display:grid;grid-template-columns:65px minmax(0,1fr) 76px;gap:10px;align-items:center}.digestive-icon{width:65px;height:65px;filter:drop-shadow(0 3px 5px #000);cursor:default}.digestive-icon.gas-icon{width:76px;height:65px}.digestive-core{min-width:0}.digestive-title{display:block;text-align:center;font:16px 'Gowoon Comic',Impact,sans-serif;letter-spacing:1px;color:#bca475;margin-bottom:10px}.sugar-meter{height:17px;border:2px solid #b39b72;border-radius:3px;padding:3px;background:#070b0b;box-shadow:0 0 0 3px #181915,inset 0 2px 4px #000,0 2px 9px #0009;overflow:hidden}.sugar-meter i{display:block;height:100%;background:linear-gradient(#fff9da,#f0d697 50%,#bda05f);box-shadow:0 0 13px #f1da87aa;transition:width .2s}
.digestive-numbers{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.digestive-numbers>span:not(.digestive-arrow){display:flex;gap:6px;align-items:baseline}.digestive-numbers b{font:700 21px Georgia,serif;font-variant-numeric:tabular-nums;color:#f3e6c6}.digestive-numbers small{font-size:9px;letter-spacing:1px;color:#c5b98e}.digestive-arrow{font-size:20px;color:#7f8459}.resource-tip{display:block;text-align:center;font-size:9px;color:#b6b19f;line-height:1.6;margin:13px 0 0}.survival-hud[data-critical=true] .health-stat{filter:drop-shadow(0 0 8px #a9422b44)}.survival-hud[data-empty=true] .sugar-meter{border-color:#dc8167}
.inventory-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:10px;gap:8px}.inventory-strip button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#302c22,#1d211b);border-color:#85714d7a;box-shadow:inset 0 1px #e8cb8320,0 2px 3px #0003;border-radius:4px}.inventory-strip button>span{display:grid;gap:4px}.inventory-strip .potion{background:linear-gradient(#3b2721,#251a17)}.inventory-strip .bandage-button{background:linear-gradient(#393427,#211e18)}.inventory-strip .food-button{flex-direction:column;gap:4px}.inventory-icon{width:35px;height:35px;flex:none;cursor:default}.inventory-strip small{font-size:8px;letter-spacing:.5px}.inventory-strip strong{font-size:11px}.inventory-strip kbd{font-size:9px;top:4px;right:5px}
.playing .game{min-height:760px;height:calc(100svh - 60px)}.playing .stage{min-height:300px}.playing .hud{min-height:45px}.playing .action-strip button{min-height:37px}.playing .utility{min-height:40px}
@media(max-width:600px){.survival-hud,.playing .survival-hud{grid-template-columns:88px minmax(0,1fr) 88px;padding:8px 6px 10px;gap:3px}.portrait-plinth{width:88px;height:104px}.portrait-caption{flex-direction:column;align-items:center;gap:1px}.portrait-caption strong{font-size:23px}.portrait-caption span{font-size:8px;letter-spacing:.6px}.digestion-stat{padding-top:6px}.digestive-path{grid-template-columns:27px minmax(0,1fr) 33px;gap:3px}.digestive-icon,.digestive-icon.gas-icon{width:100%;height:40px}.digestive-title{font-size:12px;letter-spacing:.3px;line-height:1.1;margin-bottom:8px}.sugar-meter{height:13px;padding:2px;border-width:1px}.digestive-numbers{margin-top:8px;gap:4px}.digestive-numbers>span:not(.digestive-arrow){flex-direction:column;align-items:center;gap:2px}.digestive-numbers b{font-size:19px}.digestive-numbers small{font-size:7px;letter-spacing:.3px}.digestive-arrow{font-size:14px}.resource-tip{font-size:8px;margin-top:8px;line-height:1.5}.inventory-strip,.playing .inventory-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 10px}.inventory-strip button,.playing .inventory-strip button{min-height:43px;padding:5px}.inventory-strip small,.playing .inventory-strip small{font-size:7px}.inventory-strip strong{font-size:10px}.inventory-icon{width:29px;height:29px}.playing .game{min-height:805px;height:calc(100svh - 55px)}.playing .stage{min-height:310px}.playing .action-strip{padding-bottom:8px}.playing .action-strip button{min-height:40px}.playing .utility{min-height:42px}}
@media(max-width:350px){.survival-hud,.playing .survival-hud{grid-template-columns:76px minmax(0,1fr) 76px;padding-left:3px;padding-right:3px}.portrait-plinth{width:76px;height:96px}.digestive-path{grid-template-columns:24px minmax(0,1fr) 28px}.digestive-title{font-size:11px}.resource-tip{font-size:7px}.portrait-caption span{font-size:7px}.playing .game{min-height:800px}.playing .stage{min-height:310px}}

.survival-hud.sugar-crash .resource-tip{color:#ffc2a8;font-weight:800;font-size:12px}.survival-hud.sugar-crash .sugar-meter{border-color:#f07559;box-shadow:0 0 10px #e24e342e}.survival-hud.sugar-crash #sugarText,.survival-hud.sugar-crash #gasText{color:#ffae93}