.play-tabs{gap:var(--space-1);min-height:48px;margin-bottom:var(--space-5);padding:var(--space-1);border-radius:var(--radius-full);background:var(--surface-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.play-tabs a{border-radius:var(--radius-full);color:var(--fg-muted);font-size:var(--text-sm);text-align:center;transition:background-color var(--dur-ui) var(--ease-out), color var(--dur-ui);place-items:center;font-weight:600;text-decoration:none;display:grid}.play-tabs a[aria-current=page]{background:var(--accent);color:var(--accent-fg)}.play-tabs a:focus-visible{box-shadow:var(--focus-ring);outline:none}.play-label{color:var(--fg-muted);font-size:var(--text-sm);font-weight:600}.play-input{gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-5);border:var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.play-input[hidden]{display:none}.play-privacy{align-items:flex-start;gap:var(--space-2);color:var(--fg-muted);font-size:var(--text-sm);line-height:1.45;display:flex}.play-privacy svg{flex:none;margin-top:2px}.hook-digits{justify-content:center;gap:var(--space-3);border:0;grid-template-columns:repeat(4,56px);display:grid}.hook-digit{height:56px;min-height:56px;font-family:var(--font-serif);text-align:center;padding:0;font-size:28px;font-weight:700}.hook-initial{gap:var(--space-3);display:grid}.hook-initials{min-height:1.2em;color:var(--accent);letter-spacing:.1em;text-align:center;font-size:32px}.hook-initials:empty{display:none}#hookMount,.play-result{gap:var(--space-4);margin-top:var(--space-6);display:grid}#hookMount:empty{margin-top:0}.hook-slip{--slip-tear:0px;padding-top:calc(var(--space-5) + 12px);overflow:hidden}.hook-slip:before{background:var(--accent);height:12px;top:0;left:0;right:0}.hook-calc{color:var(--fg-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hook-head{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.hook-sign{width:64px;height:64px}.hook-big{color:var(--accent);font-variant-numeric:tabular-nums;font-size:64px;line-height:1}.hook-big.is-word{font-size:40px}.hook-title{font-size:22px;font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}.hook-line,.hook-number{font-size:var(--text-base);line-height:var(--leading-body)}.hook-line+.hook-line,.hook-number{margin-top:var(--space-1)}.hook-number{margin-top:var(--space-3);color:var(--fg-muted);font-size:var(--text-ui)}.hook-number strong{color:var(--fg)}.hook-slip .slip-answer{padding-bottom:var(--space-6)}.is-arriving{animation:play-rise var(--dur-big) var(--ease-out) both}.is-arriving .seal{animation:play-stamp var(--dur-stamp) var(--spring) var(--dur-big) both}@keyframes play-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes play-stamp{0%{opacity:0;transform:scale(1.6)rotate(-20deg)}to{transform:rotate(var(--seal-tilt))}}.play-method{line-height:1.5}.play-method strong{font-weight:700}.play-next{gap:var(--space-4);padding:var(--space-5);border:var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.play-next-head{align-items:flex-start;gap:var(--space-3);display:flex}.play-next-prop{flex:none;width:40px;height:40px}.play-next-title{font-size:18px;font-weight:800;line-height:1.35}.play-next-desc{margin-top:var(--space-1);color:var(--fg-muted);font-size:var(--text-sm);line-height:1.45}.play-links{justify-content:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.is-arriving,.is-arriving .seal{animation:none}}.pick-topic-grid{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.pick-topic{min-height:44px;padding:0 var(--space-3);border:var(--line);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-ui);transition:background-color var(--dur-ui) var(--ease-out), color var(--dur-ui);font-weight:700}.pick-topic[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pick-topic:focus-visible,.pick-pile:focus-visible{box-shadow:var(--focus-ring);outline:none}.pick-table{margin-top:var(--space-6);padding:var(--space-5) 0 var(--space-6);background:var(--bg);color:var(--fg)}.pick-table.is-opening{animation:pick-open var(--dur-screen) var(--ease-out) both}@keyframes pick-open{0%{opacity:0;transform:translateY(-8px)}}.pick-table-head{color:var(--fg-muted);font-size:var(--text-sm)}.pick-table-head strong{color:var(--fg);font-weight:800}.pick-piles{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.pick-pile{justify-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-radius:var(--radius-sm);color:var(--fg);transition:opacity var(--dur-ui) var(--ease-out);display:grid;position:relative}.pick-pile[aria-disabled=true]{cursor:default}.pick-pile.is-leaving{opacity:0}.pick-pile.is-drawn .pick-pile-label{color:var(--accent)}.pick-fan{width:84px;height:136px;position:relative}.pick-back{border:2px solid var(--border-strong);background:var(--surface);border-radius:8px;width:84px;height:126px;position:absolute;top:0;left:0}.pick-back.is-1{transform:translate(-10px)rotate(-8deg)}.pick-back.is-3{transform:translate(10px)rotate(8deg)}.pick-pile:hover:not([aria-disabled=true]) .pick-back.is-2{transform:translateY(-4px)}.pick-pile-label{font-size:var(--text-sm);font-weight:700}.pick-flip{top:var(--space-2);perspective:600px;width:84px;height:126px;transition:transform var(--dur-flip) var(--ease-out);margin-left:-42px;position:absolute;left:50%}.pick-flip.is-flipping{transform:translateY(-12px)scale(1.25)}.pick-flip-inner{transform-style:preserve-3d;transition:transform var(--dur-flip) var(--ease-out);position:absolute;inset:0}.pick-flip.is-flipping .pick-flip-inner{transform:rotateY(180deg)}.pick-flip-back,.pick-flip-face{border:2px solid var(--border-strong);backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.pick-flip-face{background:#fff;transform:rotateY(180deg)}.pick-whisper{margin-top:var(--space-5)}.pick-say{align-items:center;gap:var(--space-2);display:flex}.pick-say-text{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--fg);color:var(--bg);font-size:var(--text-sm);font-weight:600}.pick-note{margin-top:var(--space-3)}.pick-note[hidden]{display:none}.pick-note a{color:var(--accent);font-weight:600}.pick-already{color:var(--accent);font-size:var(--text-sm);font-weight:700}.pick-slip{text-align:center;justify-items:center}.pick-slip .play-label{justify-self:start}.pick-card{justify-items:center;gap:var(--space-2);display:grid}.pick-card img{border:var(--line);border-radius:10px;width:132px;height:auto;transform:rotate(-4deg)}.pick-card-name{font-size:18px}.pick-lean{padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);border:2px solid;font-weight:700}.pick-lean.is-up{color:var(--accent)}.pick-lean.is-steady,.pick-lean.is-care{color:var(--fg)}.pick-headline{font-family:var(--font-serif);text-wrap:balance;font-size:22px;font-weight:700;line-height:1.4}.pick-line+.pick-line{margin-top:var(--space-1)}@media (prefers-reduced-motion:reduce){.pick-table.is-opening{animation:none}.pick-flip,.pick-flip-inner,.pick-pile{transition:none}}.type-char{width:var(--type-char,150px);height:var(--type-char,150px);background:var(--type-sprite) 0 0 / 400% 100% no-repeat;display:block}.type-char.is-chini{--type-sprite:url(/images/fortune/masters/pose_chini_v2.webp)}.type-char.is-py{--type-sprite:url(/images/fortune/masters/pose_py_v2.webp)}.type-char.is-hokey{--type-sprite:url(/images/fortune/masters/pose_hokey_v3.webp)}.type-char.is-litt{--type-sprite:url(/images/fortune/masters/pose_litt_v2.webp)}.type-char.is-sm{--type-char:64px}.type-char{position:relative}.type-char.is-chini{--type-hand:70%}.type-char.is-py{--type-hand:71%}.type-char.is-hokey{--type-hand:62%}.type-char.is-litt{--type-hand:72%}.type-prop{top:var(--type-hand);width:36%;height:auto;position:absolute;left:50%;transform:translate(-50%,-50%)}.type-char.is-silhouette{filter:brightness(0);opacity:.82}.type-card{border:var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-hard);overflow:hidden}.type-wall{border-bottom:var(--line);background:var(--wall);place-items:end center;height:220px;display:grid;position:relative}.type-wall .type-char{--type-char:196px;margin-bottom:-8px}.type-no{top:var(--space-3);left:var(--space-4);font-size:20px;position:absolute}.type-card.is-arriving .type-no{animation:play-stamp var(--dur-stamp) var(--spring) var(--dur-big) both;--seal-tilt:0deg}.type-stem{top:var(--space-3);right:var(--space-4);padding:2px var(--space-3);border:var(--line);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-ui);position:absolute}.type-body{gap:var(--space-3);padding:var(--space-5);display:grid}.type-ribbon{justify-self:start}.type-name{letter-spacing:var(--tracking-tight);text-wrap:balance;font-size:30px;font-weight:800;line-height:1.25}.type-tagline{color:var(--fg-muted);font-size:var(--text-ui);font-weight:600}.type-lines{gap:var(--space-2);counter-reset:type-line;padding:0;list-style:none;display:grid}.type-lines li{font-size:var(--text-base);line-height:var(--leading-body);counter-increment:type-line;padding-left:30px;position:relative}.type-lines li:before{border-radius:var(--radius-full);background:var(--accent);width:20px;height:20px;color:var(--accent-fg);font-size:var(--text-xs);content:counter(type-line);place-items:center;font-weight:800;display:grid;position:absolute;top:3px;left:0}.type-matches{padding-top:var(--space-3);border-top:2px dashed var(--border)}.type-matches-label{font-size:var(--text-sm);font-weight:600}.type-match-pills{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.type-match{align-items:center;gap:var(--space-2);padding:2px var(--space-3) 2px 2px;border:2px solid var(--fg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;display:inline-flex}.type-dex{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.type-dex.is-teaser{margin:var(--space-3) 0 var(--space-2)}.type-dex.is-teaser .type-char{justify-self:center}.type-dex-cell{padding:var(--space-2) 0;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-items:center;gap:2px;display:grid}.type-dex-cell.is-mine{border-color:var(--accent);background:var(--accent-soft)}.type-dex-cell:focus-visible{box-shadow:var(--focus-ring);outline:none}.type-dex-no{font-size:var(--text-xs)}.type-dex-pick{min-height:3em;margin:var(--space-3) 0;font-size:var(--text-sm);line-height:1.5}@media (prefers-reduced-motion:reduce){.type-card.is-arriving .type-no{animation:none}}.charm-holder{justify-items:center;display:grid}.charm-preview{justify-items:center;gap:var(--space-2);display:grid}.charm-wallpaper{aspect-ratio:9/16;border:var(--line);border-radius:var(--radius-sm);background:var(--wall);width:216px;box-shadow:var(--shadow-hard);position:relative}.charm-art{border-radius:calc(var(--radius-sm) - 2px);object-fit:cover;width:100%;height:100%;display:block}.charm-seal{border:3px double var(--accent-fg);outline:3px solid var(--accent);background:var(--accent);width:64px;height:64px;color:var(--accent-fg);transform:rotate(var(--seal-tilt));border-radius:6px;align-content:center;place-items:center;font-size:15px;line-height:1.15;display:grid;position:absolute;bottom:22px;right:-14px}.charm-date{color:var(--fg-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.charm-preview.is-unfolding .charm-wallpaper{transform-origin:50% 0;animation:charm-unfold var(--dur-big) var(--ease-out) both}.charm-preview.is-unfolding .charm-seal{animation:play-stamp var(--dur-stamp) var(--spring) var(--dur-big) both}@keyframes charm-unfold{0%{opacity:0;transform:perspective(600px)rotateX(-70deg)scaleY(.6)}}.charm-toggle{justify-content:center}.charm-info{gap:var(--space-2);text-align:center;display:grid}.charm-name{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--text-lg);flex-wrap:wrap;font-weight:800;display:inline-flex}.charm-phrase{color:var(--accent);font-size:var(--text-lg)}.charm-line{font-size:var(--text-ui);line-height:var(--leading-body)}.charm-count{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-ui);font-weight:700;display:flex}.charm-custom-note{text-align:center}.charm-dex{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(4,1fr);display:grid}.charm-dex-cell{font-size:var(--text-xs);text-align:center;justify-items:center;gap:2px;font-weight:600;display:grid}.charm-dex-cell img,.charm-dex-blank{aspect-ratio:9/16;border:2px solid var(--border);border-radius:6px;width:100%;height:auto}.charm-dex-cell.is-owned img{border-color:var(--fg)}.charm-dex-blank{background:var(--surface-2);color:var(--fg-muted);font-size:var(--text-sm);place-items:center;display:grid}.charm-guide-head{gap:var(--space-4);align-items:flex-start;display:flex}.charm-guide-art{border:var(--line);border-radius:8px;flex:none;width:108px;height:auto}.charm-fact{margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-sm)}.charm-keeper{margin-top:var(--space-2);font-size:var(--text-sm);align-items:center;gap:6px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.charm-preview.is-unfolding .charm-wallpaper,.charm-preview.is-unfolding .charm-seal{animation:none}}.compare-head .screen-title{white-space:pre-line}.compare-card{padding:var(--space-4) var(--space-5);border:var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.compare-row{align-items:center;gap:var(--space-2);border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;min-height:48px;display:grid}.compare-row.is-head{min-height:36px;color:var(--fg-muted);font-size:var(--text-sm);border-top:0;font-weight:700}.compare-cell{font-size:var(--text-ui);text-align:center;font-weight:700}.compare-label{min-width:56px;color:var(--fg-muted);font-size:var(--text-sm);justify-items:center;font-weight:600;display:grid}.compare-same{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-fg);font-size:var(--text-xs);margin-top:2px;font-weight:700}.is-preview .compare-cell:not(:empty){color:var(--fg-muted)}.compare-preview-note{padding-top:var(--space-2);text-align:center}.compare-ilgan{padding:2px var(--space-3);border-radius:var(--radius-full);color:#fff;font-size:20px;display:inline-block}.compare-ilgan.is-wood{background:var(--phase-wood)}.compare-ilgan.is-fire{background:var(--phase-fire)}.compare-ilgan.is-earth{background:var(--phase-earth)}.compare-ilgan.is-metal{background:var(--phase-metal)}.compare-ilgan.is-water{background:var(--phase-water)}.compare-relation{padding-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-xs);text-align:center}.compare-pair{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.compare-side{font-size:var(--text-sm);justify-items:center;gap:2px;font-weight:800;display:grid}.compare-side .type-char{--type-char:88px}.compare-x{color:var(--accent);font-size:32px}.compare-title{font-size:22px}.compare-line{margin-top:var(--space-2);font-size:var(--text-base);line-height:var(--leading-body)}.compare-consent{gap:var(--space-3);display:grid}.compare-consent .notice-lines{font-size:var(--text-sm);margin-top:0}.compare-cta-note{text-align:left}.compare-link{overflow-wrap:anywhere;max-width:100%;color:var(--accent);font-size:var(--text-sm)}.once-tiles,.play-tiles{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.once-tile,.play-tile{align-content:start;justify-items:start;gap:var(--space-1);padding:var(--space-4);border:var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);transition:transform var(--dur-press) var(--ease-out);text-decoration:none;display:grid}.once-tile:active,.play-tile:active{transform:translateY(2px)}.once-tile:focus-visible,.play-tile:focus-visible{box-shadow:var(--focus-ring);outline:none}.once-art{width:72px;height:72px;margin-bottom:var(--space-1)}.once-charm{width:72px;height:128px;margin-bottom:var(--space-1);border:2px solid var(--fg);object-fit:cover;border-radius:6px}.santong-tile .once-art{object-fit:cover;width:128px;height:128px;margin-left:-20px}.once-desc,.play-tile-desc{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.4}.once-cta{margin-top:var(--space-2);color:var(--accent);font-size:var(--text-sm);font-weight:800}.play-home .lead{margin-bottom:var(--space-3)}.play-tiles.is-four{gap:var(--space-2)}.play-tiles.is-four .play-tile{min-height:148px}@media (width>=600px){.play-tiles.is-four{grid-template-columns:repeat(4,1fr)}}.play-tile-title{font-size:var(--text-base);font-weight:800}.play-tile-art{width:56px;height:56px}.play-tile-fan{height:60px;margin-bottom:0;display:flex}.play-tile-fan img{border:2px solid var(--fg);border-radius:5px;width:36px;height:54px}.play-tile-fan img+img{margin-left:-18px}.play-tile-fan img:first-child{transform:rotate(-10deg)}.play-tile-fan img:nth-child(3){transform:rotate(10deg)}.hook-tiles{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hook-tile{min-height:56px;padding:var(--space-3)}.hook-tile-top{width:100%;margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;display:flex}.hook-tile-art{width:40px;height:40px}.hook-tile .chip,.play-tile .hook-tile-top .chip{min-height:0;padding:2px var(--space-2);font-size:var(--text-xs)}.hook-tile .play-tile-title{font-size:var(--text-ui);word-break:keep-all;line-height:1.3}.hook-tile .play-tile-desc{font-size:var(--text-xs);word-break:keep-all;line-height:1.4}@media (prefers-reduced-motion:reduce){.once-tile,.play-tile{transition:none}}