:root{--bg-0: #0e0822;--bg-1: #1a1033;--bg-2: #2a1a52;--surface-1: rgba(255, 255, 255, 0.06);--surface-2: rgba(255, 255, 255, 0.10);--surface-3: rgba(255, 255, 255, 0.14);--text-1: #f7f3ff;--text-2: #c8bee0;--text-3: #8a7eb0;--accent: #ffd23f;--accent-glow: #ffe27d;--hp: #5cd07a;--hp-low: #ff5a6a;--energy: #b27dff;--enemy-hp: #ff7a5a;--danger: #ff5a6a;--success: #5cd07a;--element-color: #ffd23f;--element-color-dark: #7a5e00;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--pad-screen: clamp(16px, 5vw, 32px);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Fredoka", system-ui, sans-serif}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-0)}body{font-family:var(--font-body);font-weight:400;color:var(--text-1);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(ellipse 80% 60% at 20% 10%, rgba(178, 125, 255, 0.2), transparent 60%),radial-gradient(ellipse 60% 80% at 90% 90%, rgba(91, 158, 255, 0.18), transparent 60%),radial-gradient(ellipse 100% 60% at 50% 50%, var(--bg-2), var(--bg-0) 70%);min-height:100vh;min-height:100svh;overflow-x:hidden}.site-version{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:5;margin:0;padding:4px 8px;border-radius:999px;font-size:.72rem;color:var(--text-2);background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.12);pointer-events:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-0.01em;margin:0 0 .4em}p{margin:0 0 .8em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button,label.btn{-webkit-tap-highlight-color:rgba(0,0,0,0)}input{font-family:inherit;font-size:1rem}.muted{color:var(--text-2)}.app{max-width:560px;margin:0 auto;padding:var(--pad-screen);padding-bottom:calc(var(--pad-screen) + env(safe-area-inset-bottom))}.screen{display:none;animation:screen-in .35s ease-out}.screen.is-active{display:block}.screen__header{margin-bottom:1.5rem}.screen__header h2{font-size:clamp(1.6rem,6vw,2rem)}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;width:100%;min-height:56px;padding:.9em 1.4em;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.01em;text-align:center;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;user-select:none;position:relative}.btn--large{min-height:64px;font-size:1.15rem}.btn--primary{background:linear-gradient(180deg, var(--accent), #f5a300);color:#1a1033;box-shadow:0 4px 0 #a36a00,0 8px 18px rgba(255,210,63,.3)}.btn--primary:active:not(.is-locked):not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #a36a00,0 4px 10px rgba(255,210,63,.3)}.btn--primary.is-boss{background:linear-gradient(180deg, #ff5a6a, #c61f30);color:#fff;box-shadow:0 4px 0 #6a0010,0 8px 18px rgba(255,90,106,.4);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.btn--secondary{background:var(--surface-2);color:var(--text-1);box-shadow:inset 0 0 0 2px var(--surface-3)}.btn--secondary:active:not(.is-locked):not(:disabled){background:var(--surface-3)}.btn--ghost{background:rgba(0,0,0,0);color:var(--text-2);box-shadow:inset 0 0 0 2px var(--surface-2);font-size:.95rem}.btn--ghost.danger{color:var(--danger)}.btn--ghost:active:not(.is-locked):not(:disabled){background:var(--surface-1)}.btn--special{background:linear-gradient(180deg, #b27dff, #6a3ec9);color:#fff;box-shadow:0 4px 0 #3d1d8a,0 8px 18px rgba(178,125,255,.3);position:relative;overflow:hidden}.btn--special.is-ready::before{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent, rgba(255, 255, 255, 0.4), transparent 30%);animation:special-shimmer 2.4s linear infinite}.btn--special.is-ready{animation:special-bounce 1.4s ease-in-out infinite}.btn--special:disabled{opacity:.5;box-shadow:none}.btn--special>*{position:relative;z-index:1}@keyframes special-shimmer{to{transform:rotate(1turn)}}@keyframes special-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(0.4)}.btn.is-locked{pointer-events:none;opacity:.6}.title-stage{text-align:center;padding-top:clamp(1rem,6vh,3rem)}.title-emojis{font-size:clamp(1.4rem,5vw,1.8rem);display:flex;justify-content:center;gap:.4em;margin-bottom:1.5rem;flex-wrap:wrap}.title-emojis>span{display:inline-block;animation:float 2.4s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255, 255, 255, 0.15))}.title-emojis>span:nth-child(1){animation-delay:0s}.title-emojis>span:nth-child(2){animation-delay:.2s}.title-emojis>span:nth-child(3){animation-delay:.4s}.title-emojis>span:nth-child(4){animation-delay:.6s}.title-emojis>span:nth-child(5){animation-delay:.8s}.title-emojis>span:nth-child(6){animation-delay:1s}.title-emojis>span:nth-child(7){animation-delay:1.2s}.title-emojis>span:nth-child(8){animation-delay:1.4s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.title-logo{font-size:clamp(2.4rem,11vw,3.6rem);font-weight:700;line-height:1;margin-bottom:.6rem;background:linear-gradient(180deg, #ffffff, var(--accent) 70%, #f5a300);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);text-shadow:0 4px 24px rgba(255,210,63,.3)}.title-logo em{font-style:normal;background:linear-gradient(180deg, #b27dff, #6a3ec9);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.title-tagline{color:var(--text-2);font-size:1.05rem;margin-bottom:2rem}.title-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1.4rem}.title-version{margin-top:2rem;font-size:.8rem;color:var(--text-3)}.field{display:block;text-align:left;margin-top:1rem}.field__label{display:block;margin-bottom:.4rem;font-size:.9rem;color:var(--text-2);font-weight:500}.field__input{width:100%;padding:.9em 1em;background:var(--surface-2);border:2px solid var(--surface-3);border-radius:var(--radius-md);color:var(--text-1);font-size:1.1rem;transition:border-color .2s,background .2s}.field__input:focus{outline:none;border-color:var(--accent);background:var(--surface-3)}.element-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.9rem}.element-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.2rem .6rem;border-radius:var(--radius-md);background:linear-gradient(180deg, var(--surface-2), var(--surface-1)),var(--bg-1);box-shadow:inset 0 0 0 2px var(--surface-3),0 6px 14px rgba(0,0,0,.25);color:var(--text-1);font-family:var(--font-display);font-weight:600;font-size:1rem;transition:transform .1s ease,box-shadow .2s ease;overflow:hidden}.element-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%, var(--element-color), transparent 70%);opacity:.25;z-index:0}.element-card>*{position:relative;z-index:1}.element-card:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--element-color),0 2px 6px rgba(0,0,0,.25)}.element-card:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--element-color),0 8px 20px rgba(0,0,0,.3)}.element-card__emoji{font-size:2.6rem;filter:drop-shadow(0 4px 12px var(--element-color))}.element-card__name{letter-spacing:.02em}.element-card.is-owned{opacity:.55;cursor:not-allowed}.element-card__badge{position:absolute;top:.5rem;right:.5rem;background:var(--accent);color:#1a1033;font-size:.7rem;padding:.15em .5em;border-radius:10px;font-weight:600;z-index:2}.element-card.is-locked{opacity:.35;cursor:not-allowed}.hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-2)}.hub-header__name{display:flex;flex-direction:column}.hub-header__name strong{font-size:1.3rem}.hub-header__stats{display:flex;gap:1rem}.hub-header__stats span{display:inline-flex;flex-direction:column;align-items:flex-end}.hub-header__stats strong{color:var(--accent);font-size:1.3rem}.hub-header__stats .muted{font-size:.75rem}.hub-active-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-md);margin-bottom:1rem;position:relative;overflow:hidden}.hub-active-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 50%, var(--element-color, var(--accent)), transparent 50%);opacity:.15}.hub-active-card__icon{font-size:3rem;flex-shrink:0;position:relative;filter:drop-shadow(0 0 12px var(--element-color, var(--accent)))}.hub-active-card__body{position:relative;flex:1;min-width:0}.hub-active-card__body h3{margin:0;font-size:1.4rem}.hub-active-card__body p{margin:.2em 0}.hub-active-card__body .muted{font-size:.8rem}.pill{display:inline-block;padding:.1em .6em;font-size:.75rem;background:var(--surface-3);border-radius:999px;margin-left:.4em;font-weight:500;color:var(--text-2)}.element-switcher{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.element-switcher.is-hidden{display:none}.element-chip{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border-radius:999px;background:var(--surface-2);font-size:.9rem;font-weight:500;color:var(--text-1);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);transition:box-shadow .2s,background .2s}.element-chip.is-active{box-shadow:inset 0 0 0 2px var(--element-color);background:var(--surface-3)}.hub-next{margin:1rem 0;text-align:center}.hub-next .muted{font-size:.85rem}.hub-next p:last-child{font-size:1.1rem}.hub-actions{display:flex;gap:.6rem;margin-top:1rem}.hub-actions .btn{flex:1}#shrine-chart.is-hidden{display:none !important}.map-card{background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.map-grid{--map-size: 3;--map-gap: 2px;--map-gap-count: calc(var(--map-size) - 1);--map-cell-size: calc((100% - (var(--map-gap-count) * var(--map-gap))) / var(--map-size));position:relative;width:min(100%,360px);aspect-ratio:1/1;margin-inline:auto;margin-bottom:.75rem;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(145deg, #2d6e25 0%, #3a8a34 35%, #2a6a28 65%, #1e5218 100%)}.map-tile{position:absolute;width:var(--map-cell-size);height:var(--map-cell-size);border-radius:0;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:flex-end;padding:.1rem}.map-tile.is-shrine{background:rgba(178,125,255,.4);border-color:rgba(210,170,255,.65)}.map-tile.is-wildlands{background:rgba(0,40,0,.45);border-color:rgba(60,140,60,.55)}.map-tile.is-boss{background:rgba(255,90,106,.4);border-color:rgba(255,140,150,.65)}.map-tile__landmark{font-size:.65rem;line-height:1;text-align:center;width:100%}.map-player{--player-x: 0px;--player-y: 0px;position:absolute;left:0;top:0;width:var(--map-cell-size);height:var(--map-cell-size);transform:translate(var(--player-x), var(--player-y));transition:transform .4s ease-in-out;display:grid;place-items:center;z-index:2;pointer-events:none}.map-player.map-player--no-transition{transition:none !important}.map-player__emoji{font-size:clamp(.82rem,var(--map-cell-size)*.62,1.35rem);line-height:1;filter:drop-shadow(0 0 8px rgba(255, 210, 63, 0.35))}.map-player.is-walking .map-player__emoji{animation:map-walk-bob .4s ease-in-out}@keyframes map-walk-bob{0%,100%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}.map-card__controls{display:flex;align-items:center;gap:.75rem}.map-card__location{flex:1;min-width:0}.map-location-name{margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.map-danger{margin:0;font-size:.88rem}.map-joystick{flex-shrink:0;width:82px;height:82px;border-radius:50%;background:hsla(0,0%,100%,.06);border:2px solid hsla(0,0%,100%,.18);position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;cursor:grab}.map-joystick.is-locked{opacity:.35;cursor:not-allowed}.map-joystick__knob{width:38px;height:38px;border-radius:50%;background:hsla(0,0%,100%,.5);border:2px solid hsla(0,0%,100%,.82);box-shadow:0 2px 10px rgba(0,0,0,.4);position:absolute;transform:translate(0, 0);transition:transform .12s ease-out;pointer-events:none}.map-joystick__knob.is-dragging{transition:none}.shrine-chart-list{margin:.4rem 0 0;padding-left:1.2em;line-height:1.5}.shrine-chart-list li{margin-bottom:.3rem;font-size:.9rem}.map-transition{text-align:center;padding-top:2.2rem}.map-transition__avatar{font-size:5rem;margin:.8rem 0;filter:drop-shadow(0 0 16px var(--element-color));animation:encounter-zoom .9s ease-out forwards}.map-transition__hint{color:var(--text-2)}@keyframes encounter-zoom{0%{opacity:0;transform:scale(0.4);filter:blur(4px)}50%{opacity:1;transform:scale(1.05);filter:blur(0)}100%{opacity:1;transform:scale(1.2);filter:blur(0)}}.boss-intro{text-align:center;padding-top:2rem}.boss-intro__label{font-weight:600;color:var(--danger);letter-spacing:.1em;font-size:.9rem;text-transform:uppercase}.boss-intro__avatar{font-size:5rem;margin:1rem 0;display:inline-block;filter:drop-shadow(0 0 20px var(--element-color));animation:boss-pulse 2s ease-in-out infinite}@keyframes boss-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.boss-intro h2{font-size:1.8rem;margin-bottom:1.4rem}.boss-intro__hint{background:var(--surface-2);padding:1rem 1.2rem;border-radius:var(--radius-md);border-left:4px solid var(--accent);text-align:left;margin:1rem 0 2rem;line-height:1.5}.battle-board{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem;position:relative}.combatant{position:relative;padding:1rem;background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:.4rem;overflow:hidden}.combatant--enemy{border:2px solid rgba(255,90,106,.4)}.combatant--hero{border:2px solid rgba(92,208,122,.4)}.combatant__avatar{font-size:3.6rem;line-height:1;filter:drop-shadow(0 0 16px var(--element-color, currentColor));transition:transform .1s}.combatant__name{font-weight:600;font-size:1.05rem;margin:0}.boss-tag{position:absolute;top:.5rem;left:.5rem;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.2em .6em;border-radius:6px}.boss-tag.is-hidden{display:none}.battle-vs{text-align:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.2em;color:var(--text-3)}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes shake-big{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-12px) rotate(-2deg)}40%{transform:translateX(12px) rotate(2deg)}60%{transform:translateX(-8px) rotate(-1deg)}80%{transform:translateX(8px) rotate(1deg)}}.combatant.is-hit{animation:shake .4s ease}.combatant.is-hit-big{animation:shake-big .5s ease;background:linear-gradient(135deg, rgba(255, 210, 63, 0.2), var(--surface-1))}.damage-number{position:absolute;top:30%;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-weight:700;font-size:2rem;color:#ff5a6a;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:damage-float 1s ease-out forwards;pointer-events:none;z-index:10}.damage-number.is-super{color:var(--accent);font-size:2.6rem;text-shadow:0 0 14px var(--accent)}.damage-number.is-defended{color:var(--text-2);font-size:1.6rem}@keyframes damage-float{0%{opacity:1;transform:translate(-50%, 0) scale(0.8)}20%{opacity:1;transform:translate(-50%, -10px) scale(1.1)}100%{opacity:0;transform:translate(-50%, -60px) scale(1)}}@keyframes flash-board{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px var(--accent),0 0 40px var(--accent)}}.battle-board.is-flashing{animation:flash-board .6s ease}.bar{position:relative;width:100%;height:18px;background:rgba(0,0,0,.4);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4);margin-top:.2rem}.bar__fill{height:100%;background:var(--hp);transition:width .4s ease;border-radius:999px;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 60%)}.bar--enemy .bar__fill{background:var(--enemy-hp)}.bar--energy .bar__fill{background:var(--energy)}.bar__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.battle-log{background:rgba(0,0,0,.35);border-radius:var(--radius-md);padding:.8rem 1rem;max-height:110px;overflow-y:auto;font-size:.9rem;line-height:1.5;margin-bottom:1rem;scrollbar-width:thin}.log-line{color:var(--text-2);padding:.1em 0}.log-line:last-child{color:var(--text-1);font-weight:500}.battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.battle-actions .action-btn:first-child{grid-column:1}.battle-actions .action-btn:nth-child(2){grid-column:2}.battle-actions .action-btn:nth-child(3){grid-column:1/-1}.result-card{text-align:center;padding:2rem 1.4rem;background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-lg);margin-top:2rem}.result-card h2{font-size:clamp(2rem,8vw,2.6rem);margin-bottom:1rem}.result-card--win h2{background:linear-gradient(180deg, #fff, var(--accent));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.result-card--lose h2{color:var(--danger)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem auto;max-width:280px}.result-stats>div{background:rgba(0,0,0,.25);padding:.8rem;border-radius:var(--radius-sm)}.result-stats dt{font-size:.8rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.result-stats dd{margin:.2rem 0 0;font-size:1.6rem;font-weight:700;color:var(--accent)}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%, 20px);padding:.8em 1.4em;background:var(--surface-3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;font-weight:500;font-size:.95rem;color:var(--text-1);box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transition:opacity .25s,transform .25s;z-index:100;max-width:90vw;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%, 0)}.toast--success{box-shadow:0 8px 24px rgba(92,208,122,.3)}.toast--error{box-shadow:0 8px 24px rgba(255,90,106,.3);color:#ffdde0}@media(min-width: 720px){.app{max-width:640px;padding-top:2rem}.element-grid{grid-template-columns:repeat(4, 1fr)}.battle-actions{grid-template-columns:1fr 1fr 1fr}.battle-actions .action-btn:nth-child(3){grid-column:3}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}.help-page{padding-bottom:4rem}.help-header{text-align:center;margin-bottom:2rem}.help-header h1{font-size:clamp(2rem,8vw,2.6rem);background:linear-gradient(180deg, #fff, var(--accent));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);margin:.4rem 0}.help-back{width:auto;min-height:40px;padding:.5em 1em;font-size:.9rem;margin-bottom:1rem}.help-page h2{font-size:1.3rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid var(--surface-3);color:var(--accent)}.help-page h2:first-of-type{margin-top:1rem}.help-page p{line-height:1.6}.help-page ol,.help-page ul{padding-left:1.4em;line-height:1.7}.help-page li{margin-bottom:.4rem}.help-card{background:linear-gradient(135deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-md);padding:1rem 1.2rem;margin-bottom:.8rem;border-left:4px solid var(--accent)}.help-card h3{margin:0 0 .4rem;font-size:1.1rem;color:var(--text-1)}.help-card p{margin:0;line-height:1.5}.help-card p+p{margin-top:.4rem}.help-card ul{padding-left:1.2em;margin:.4rem 0}.help-card--boss{border-left-color:var(--danger)}.help-tip{background:rgba(255,210,63,.1);border:1px solid rgba(255,210,63,.4);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.95rem;line-height:1.5}.help-chart{width:100%;border-collapse:collapse;background:var(--surface-1);border-radius:var(--radius-md);overflow:hidden;margin:1rem 0;font-size:1rem}.help-chart th,.help-chart td{padding:.6em 1em;text-align:left;border-bottom:1px solid var(--surface-3)}.help-chart th{background:var(--surface-3);color:var(--text-1);font-weight:600}.help-chart tr:last-child td{border-bottom:none}.help-footer{margin-top:3rem;text-align:center}.title-help-link{display:inline-block;margin-top:1rem;color:var(--text-2);font-size:.9rem;text-decoration:underline;text-decoration-color:var(--surface-3);text-underline-offset:4px}.title-help-link:hover{color:var(--accent)}.coach-tip{display:flex;align-items:flex-start;gap:.6rem;background:linear-gradient(135deg, rgba(178, 125, 255, 0.18), rgba(91, 158, 255, 0.1));border:1px solid rgba(178,125,255,.35);border-radius:var(--radius-md);padding:.8rem 1rem;margin-bottom:1rem;font-size:.95rem;line-height:1.45;position:relative;animation:coach-in .4s ease-out}.coach-tip__icon{font-size:1.5rem;flex-shrink:0;line-height:1}.coach-tip__body{flex:1}.coach-tip__body strong{color:var(--accent-glow)}.coach-tip__close{position:absolute;top:.4rem;right:.4rem;width:28px;height:28px;min-height:28px;border-radius:50%;background:var(--surface-2);color:var(--text-2);font-size:.9rem;font-weight:600;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.coach-tip__close:hover{background:var(--surface-3)}@keyframes coach-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.coach-slot:empty{display:none}.hub-help-link{margin-top:1rem;text-align:center;font-size:.9rem}.hub-help-link a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--surface-3);text-underline-offset:4px}.hub-help-link a:hover{color:var(--accent)}/*# sourceMappingURL=style.css.map */