.mode-guide{z-index:15000;align-items:center;padding:18px;background:rgba(1,14,24,.86);backdrop-filter:blur(6px)}
.guide-sheet{width:min(100%,460px);max-height:94dvh;overflow:auto;background:radial-gradient(ellipse at 50% 12%,#205960,#092c36 58%);border:1px solid #42777b;border-radius:28px;box-shadow:0 20px 90px #0009;color:#fff0c8;padding:20px}
.guide-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-sheet header>span{font-size:10px;letter-spacing:1.4px;color:#95c9c6}.guide-sheet .hub-close{position:static;flex:none;width:40px;height:40px;font-size:26px}.guide-content{text-align:center}.guide-art{height:210px;position:relative;display:grid;place-items:center;isolation:isolate}.guide-art:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#53e5d32e,transparent 70%);z-index:-1}.guide-art>img{height:168px;width:auto;max-width:72%;object-fit:contain}.guide-art .guide-blessing{position:absolute;height:96px;width:auto;max-width:42%;bottom:8px;right:18px}.guide-art b{font-size:62px;color:#a4ffdc;text-shadow:0 6px #075454,0 0 30px #54dfca55}.guide-combo b{color:#ffdb77}.guide-copy h2{font-size:25px;line-height:1.2;margin:2px 0 14px}.guide-copy p{font-size:15px;line-height:1.65;color:#b5d5d5;margin:0;min-height:125px}.guide-dots{display:flex;justify-content:center;gap:8px;margin:24px 0}.guide-dots span{height:5px;width:20px;background:#36595f;border-radius:4px}.guide-dots .active{background:#ffd36d;width:38px}.guide-sheet footer{display:grid;grid-template-columns:85px 1fr;gap:12px}.guide-sheet footer button{font-size:15px;min-height:52px}.guide-sheet button:disabled{opacity:.3}.guide-sheet button:focus-visible{outline:2px solid #ffdc85;outline-offset:3px}
@media(min-width:600px) and (max-height:599px){.mode-guide{padding:12px}.guide-sheet{width:min(760px,100%);padding:14px 20px}.guide-content{display:grid;grid-template-columns:32% 1fr;gap:18px;align-items:center}.guide-art{height:185px}.guide-copy{text-align:left}.guide-copy h2{font-size:23px}.guide-copy p{font-size:13px;min-height:0}.guide-dots{justify-content:flex-start;margin:14px 0}.guide-sheet footer{grid-template-columns:100px 1fr}.guide-sheet footer button{min-height:44px}.guide-art .guide-blessing{right:-5px;bottom:0}}
@media(prefers-reduced-motion:no-preference){.guide-art>img:first-child,.guide-art i{animation:guide-float 3s ease-in-out infinite}@keyframes guide-float{50%{transform:translateY(-7px)}}}
.guide-art>.guide-item{display:block;height:176px;width:auto;max-width:78%;overflow:hidden;filter:drop-shadow(0 12px 10px #0006)}
@media(prefers-reduced-motion:no-preference){.guide-item{animation:guide-float 3s ease-in-out infinite}}
/* Notices use CSS pixels so their text stays readable on a scaled game canvas. */
.game-event-banner{position:fixed;z-index:900;top:76px;left:12px;width:calc(100% - 24px);box-sizing:border-box;pointer-events:none;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbb578;border-left:4px solid #ffc47c;border-radius:16px;background:linear-gradient(110deg,#183d47fa,#09232efa);box-shadow:0 8px 24px #00101980;color:#fff0d3;font-family:Manrope,sans-serif;animation:event-arrive .2s ease-out}
.game-event-banner>svg,.game-event-banner>img{width:48px;height:54px;object-fit:contain;flex:none;overflow:hidden}.game-event-banner>div{min-width:0}.game-event-banner strong{display:block;font-size:17px;line-height:1.25;margin-bottom:4px;text-wrap:balance}.game-event-banner p{margin:0;font-size:13px;line-height:1.45;color:#d4e8e9;overflow-wrap:anywhere}.game-event-banner.is-positive{border-color:#73cdb1;border-left-color:#8af2bd;background:linear-gradient(110deg,#1b4b43fa,#082c32fa)}.game-event-banner.is-positive strong{color:#b9ffda}.game-event-symbol{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:2px solid #f4c57b;color:#f4c57b;font-size:21px;font-weight:800}
.game-event-banner.is-compact{gap:8px;padding:9px 11px}.game-event-banner.is-compact>svg,.game-event-banner.is-compact>img{width:34px;height:40px}.game-event-banner.is-compact strong{font-size:15px}.game-event-banner.is-compact p{font-size:12px;line-height:1.35}
body.game-paused .game-event-banner{visibility:hidden}
.game-event-banner.is-dock{padding:5px 10px;gap:8px;border-radius:13px}.game-event-banner.is-dock>svg,.game-event-banner.is-dock>img{width:26px;height:30px}.game-event-banner.is-dock>div{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-event-banner.is-dock strong{display:inline;font-size:13.5px;line-height:1.3;margin:0 6px 0 0}.game-event-banner.is-dock p{display:inline;font-size:12px;line-height:1.3}.game-event-banner.is-dock.is-tight{padding:3px 10px;border-radius:11px}.game-event-banner.is-dock.is-tight>img,.game-event-banner.is-dock.is-tight>svg,.game-event-banner.is-dock.is-tight>.game-event-symbol{display:none}.game-event-banner.is-dock.is-tight>div{-webkit-line-clamp:1}
.achievement-notifications[hidden]{display:none}
@keyframes event-arrive{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.game-event-banner{animation:none}}