/* Brand tokens and font families matched to tatlook.ru/style.css?v=46. */
:root{--ink:#111;--paper:#f3f1ec;--muted:#7a7a72;--line:#e2dfd6;--green:#111;--gold:#c8a35b;--serif:'Unbounded',Arial,sans-serif;--sans:'Inter',Arial,sans-serif;--accent:#7a1f2b}body{-webkit-font-smoothing:antialiased}.topbar{background:#232323;color:white;margin:0;padding:18px 5.4%;height:100px;border-bottom:1px solid #333}.brand>span{font-family:'Unbounded',Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:7px}.brand svg{color:#c8a35b}.brand small{font-family:'Inter',Arial,sans-serif;letter-spacing:1.5px}.topbar .icon-btn,.nav-btn span{border-color:#555}.nav-btn:hover{color:#d5b775}h1{font-size:clamp(29px,3.3vw,51px);font-weight:500;letter-spacing:-1.5px;line-height:1.23}h1 em{font-style:normal;color:var(--accent)}.eyebrow{letter-spacing:1.5px}.hero-heading{padding-top:38px}.edition>span{color:#ded9cd;font-size:65px}.primary,.secondary{border:1px solid #111;border-radius:0;font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase}.primary:hover{background:#7a1f2b;border-color:#7a1f2b}.secondary{background:#fff}.secondary:hover{background:#f5f2ea}.journey-art,.select-panel,.character-card,.result-art,.outfit-panel,.playfield{border-radius:0}.select-panel,.outfit-panel{background:#fff}.character-card{background:#f5f2ec}.character-card.selected{border-color:#7a1f2b;background:#f5eeeb;box-shadow:0 0 0 1px #7a1f2b}.selected .selection-check{background:#7a1f2b}.character-name{font-size:19px;font-weight:500}.character-stage:before{border-color:#e1d7c3}.character-ru{font-size:10px}.art-caption h2{font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.3}.journey-art:after{background:linear-gradient(180deg,#0001,transparent 30%,#23232322 55%,#232323e8)}.features strong{font-weight:600}.game-toolbar h2{font-size:22px;font-weight:500}.outfit-panel h3{font-size:17px}.game-stats{gap:18px}.health{color:#7a1f2b;font-size:20px;letter-spacing:3px;white-space:nowrap}.game-stats b{font-size:25px}.motif-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.route-line div{background:#7a1f2b}.live-fact{position:absolute;bottom:76px;left:18px;max-width:min(430px,calc(100% - 36px));display:flex;gap:11px;align-items:center;background:#fffffff2;border-left:3px solid #7a1f2b;padding:12px 16px;box-shadow:0 5px 22px #0001;pointer-events:none}.live-fact svg{width:40px;height:40px;color:#7a1f2b;flex-shrink:0}.live-fact strong{font-size:12px}.live-fact p{font-size:11px;line-height:1.5;margin-top:4px;color:#565650}.game-toast{background:#232323ed}.result-heading h1{font-size:clamp(25px,3vw,38px);line-height:1.3}.result-grid{align-items:start}.result-art{position:sticky;top:24px;min-height:620px;background:linear-gradient(#eee9df,#faf8f3)}.result-details h2{font-size:25px;line-height:1.3}.result-numbers b{font-size:24px}.selection-heading{font-size:13px;font-weight:600;margin:23px 0 8px}.selection-count{font-size:11px;color:#7a7a72;margin-bottom:12px}.result-motifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.motif-choice{display:flex;align-items:center;text-align:left;gap:9px;min-height:66px;padding:11px;border:1px solid #e2dfd6;background:#fff}.motif-choice svg{width:34px;height:34px;flex-shrink:0}.motif-choice span{font-size:11px}.motif-choice small{display:block;font-size:9px;margin-top:5px;color:#7a7a72}.motif-choice[aria-pressed=true]{border-color:#7a1f2b;background:#f6ecec}.motif-choice[aria-pressed=true] small{color:#7a1f2b}.motif-choice:disabled{opacity:.45;cursor:default}.placement-label{display:block;font-size:11px;margin:20px 0 9px}#placementSelect{width:100%;background:#fff;border:1px solid #d6d1c5;padding:13px;font:12px 'Inter',Arial,sans-serif}.accent-transfer{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.accent-transfer label{font-size:12px;font-weight:600}.prompt-field{width:100%;min-height:120px;resize:vertical;padding:13px;border:1px solid #ddd7ca;background:#fff;font:12px/1.6 'Inter',Arial,sans-serif;color:#555;margin:12px 0}.result-note{margin-top:12px}.dialog-inner h2{font-family:'Unbounded',Arial,sans-serif;font-size:25px;line-height:1.35;font-weight:500}.dialog-inner h3{font-family:'Inter',Arial,sans-serif;font-size:16px;font-weight:600}.companion-motif{display:flex;gap:12px;align-items:center;border-top:1px solid #e2dfd6;padding-top:14px;margin-top:15px}.companion-motif svg{width:48px;height:48px;flex-shrink:0;color:#7a1f2b}.companion-motif p{font-size:11px}.collection-item h3{font-size:16px}.chapter-motif{color:#7a1f2b}.game-bottom-hint{color:#6d6d65}.result-heading{padding-bottom:28px}.dialog-inner .primary{text-align:center;justify-content:center}
@media(max-width:700px){.topbar{height:80px;padding:12px 4%}.brand>span{font-size:17px;letter-spacing:4px}.brand svg{width:25px}.brand small{font-size:5px}.hero-heading{padding-top:27px}h1{font-size:31px;letter-spacing:-1px}.art-caption h2{font-size:25px}.game-toolbar h2{font-size:17px}.game-stats{gap:10px}.health{font-size:15px;letter-spacing:1px}.game-stats small{font-size:7px}.game-stats b{font-size:20px}.game-toolbar .eyebrow{font-size:7px}.live-fact{bottom:76px;left:12px;max-width:calc(100% - 24px);padding:10px}.live-fact p{font-size:10px}.live-fact strong{font-size:11px}.result-art{position:relative;top:0;min-height:380px}.result-heading h1{font-size:24px}.dialog-inner h2{font-size:22px}.character-name{font-size:17px}.result-details h2{font-size:22px}.result-actions .secondary{font-size:10px;letter-spacing:.6px}}