.trail-game{--trail-color:#b7a0eb;max-width:760px;margin:auto;padding:20px;border:1px solid #a899bd70;border-radius:24px;background:radial-gradient(ellipse at 95% 0%,var(--realm-color),transparent 50%),radial-gradient(ellipse at 0% 100%,#423355,transparent 70%),#17262a;box-shadow:0 15px 70px #0004;color:#fff3dc}
.trail-game *{box-sizing:border-box}.trail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.trail-heading .eyebrow{color:#d1dcca;margin:0;font-size:11px;letter-spacing:1.6px}.trail-heading>b{white-space:nowrap;color:#ffdf96;font-size:20px}
.trail-clue{max-width:550px;margin:8px auto 12px;padding:10px 12px;border-radius:14px;background:#101b27d9;border:1px solid #c5c6de30;min-height:100px}.trail-clue-nav{display:flex;align-items:center;gap:10px}.trail-clue-nav b{flex:1;text-align:center;line-height:1.35;font-size:16px;color:#e4efd9}.trail-clue-nav button{flex:0 0 36px;width:36px;min-height:36px;border:1px solid #9ba6b75c;border-radius:50%;background:#ffffff0a;color:#fff;font-size:25px;line-height:1}.trail-game .trail-clue .sentence{margin:8px 0 0!important;font-size:17px!important;line-height:1.4!important;color:#f7f2e6}
.trail-board{--tile:min(49px,calc((100vw - 54px)/var(--cols)));position:relative;width:calc(var(--cols)*var(--tile));display:grid;grid-template-columns:repeat(var(--cols),var(--tile));grid-template-rows:repeat(var(--rows),var(--tile));margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate}
.trail-cell{position:relative;border:0;background:transparent;padding:0;min-width:0;min-height:0;color:#fff9ed;font-family:system-ui,sans-serif;font-weight:750;font-size:24px;line-height:1;touch-action:none;cursor:pointer;outline-offset:-3px!important}
.trail-cell::before{content:'';position:absolute;inset:3px;border:1px solid #b8d4b95c;border-radius:13px;background:linear-gradient(145deg,#33483e,#202f36);box-shadow:inset 0 1px 0 #ecffe919,0 2px 3px #0003;z-index:0}
.trail-cell span{position:relative;z-index:3;text-shadow:0 1px 4px #000}
.trail-cell.selected::before{border:2px solid var(--trail-color);background:#4b405b;box-shadow:0 0 12px color-mix(in srgb,var(--trail-color) 40%,transparent)}
.trail-cell.found::before{border-color:#b5d6a9;background:#28463b}.trail-cell.guided::before{border:2px dashed #ffe2a0;box-shadow:0 0 10px #ffdd8b50}.trail-cell:focus-visible{outline:3px solid #fff4bc;z-index:4}
.trail-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.trail-lines polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:24;opacity:.58}.trail-lines .trail-found-line{opacity:.36;stroke-width:19}.trail-lines .trail-hint-line{stroke-dasharray:10 14;stroke-width:15;opacity:.8}
.trail-casting{display:flex;align-items:center;gap:8px;max-width:500px;margin:10px auto 0}.trail-casting output{min-width:0;flex:1;font-family:system-ui,sans-serif;font-weight:750;letter-spacing:2px;font-size:22px;color:#ffe5a8;overflow-wrap:anywhere}.trail-casting button{min-height:44px;padding:10px 16px}.trail-casting button:disabled{opacity:.45}
.trail-guide{display:flex;align-items:center;justify-content:center;gap:7px;max-width:550px;margin:7px auto;color:#f5efdf;min-height:58px}.trail-guide-pixie{width:58px!important;height:58px!important;flex:0 0 58px}.trail-guide-pixie .avatar-title{display:none}.trail-guide-pet{width:38px!important;height:38px!important;flex:0 0 38px}.trail-guide p{font-size:16px;line-height:1.4;margin:0;flex:1}.trail-guide .celebration-bubble{display:none}
.trail-dock{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:550px;margin:0 auto}.trail-dock button{min-height:44px;font-size:16px;padding:10px 13px}.trail-dock #trailFinish{width:100%}.trail-found{margin:12px auto 0;max-width:550px;color:#d1d9d0;font-size:14px}.trail-found summary{cursor:pointer;padding:5px 0}.trail-found>div{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}.trail-found>div>span{background:#101b27c9;border:1px solid #738e7755;border-radius:10px;padding:7px 10px;font-size:16px;color:#ebf4dc}.trail-found small{display:block;font-size:13px;color:#c8d2c8;margin-top:3px}.trail-found p{line-height:1.5}.trail-break{text-align:center;padding:45px 15px}.trail-break .journal-elf{margin:0 auto}
.trail-intro-path{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);width:max-content;gap:5px;margin:15px auto 24px}.trail-intro-path span{display:grid;place-items:center;background:#3b4357;border:2px solid var(--trail-color);border-radius:15px;color:#fff6df;font-size:22px;font-weight:750}.trail-intro-path span:nth-child(4){grid-row:2;grid-column:3}.trail-intro-path span:nth-child(5){grid-row:2;grid-column:2}.trail-unlock-note{color:#efd69b!important;font-size:16px!important}
.profile-seals{grid-template-columns:repeat(5,1fr)}.level-buttons .level[data-level="5"]{border-color:#af96cf80;background:linear-gradient(120deg,#38334d,#283e3d)}.level-buttons .level[data-level="5"]:disabled{background:#222731;border-color:#3b4051}
@media(max-width:760px){.trails-active main{padding:8px 8px 20px!important}.trails-active .trail-toolbar{font-size:13px;margin-bottom:7px}.trail-game{padding:10px 8px;border-radius:17px}.trail-clue{padding:7px 9px;margin:6px auto 8px;min-height:0}.trail-heading>b{font-size:17px}.trail-heading .eyebrow{font-size:10px;letter-spacing:.8px}.trail-clue-nav b{font-size:15px}.trail-game .trail-clue .sentence{font-size:16px!important;margin-top:4px!important}.trail-board{--tile:min(46px,calc((100vw - 38px)/var(--cols)),max(34px,calc((100svh - 400px)/var(--rows))))}.trail-cell{font-size:22px}.trail-cell::before{inset:2px;border-radius:11px}.trail-casting{margin-top:8px}.trail-casting output{font-size:20px}.trail-guide{margin:5px auto;min-height:50px}.trail-guide-pixie{width:48px!important;height:48px!important;flex-basis:48px}.trail-guide-pet{width:29px!important;height:29px!important;flex-basis:29px}.trail-guide p{font-size:15px}.trail-dock{position:sticky;bottom:0;z-index:5;padding:7px 0 calc(4px + env(safe-area-inset-bottom));background:#1b2c2fee;border-radius:10px;backdrop-filter:blur(8px)}.trail-dock button{font-size:15px;padding:9px 11px}.trail-found{margin-top:5px}}
@media(max-width:370px){.trail-cell{font-size:20px}.trail-clue-nav{gap:5px}.trail-clue-nav b{font-size:14px}.trail-game .trail-clue .sentence{font-size:15px!important}.trail-casting button{padding:10px}.trail-dock button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.trail-game *{animation:none!important;transition:none!important}}

.unit-trail-bonus{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px dashed #9e8cb74d;color:#d9c8ef;font-size:14px}.unit-trail-bonus button{font-size:16px;min-height:44px;border-color:#9c8bb468}.unit-trail-bonus button:disabled{opacity:.45;cursor:not-allowed}.profile-trail-bonus{display:block;color:#d9c8ef;margin-top:8px;font-size:14px}
@media(max-width:450px){.unit-trail-bonus{align-items:flex-start;flex-direction:column;gap:6px}.unit-trail-bonus button{width:100%}}