.DSB4UW_page{--ink:#f5eedc;--muted:#b9bfd2;--gold:#e6c581;--line:#4a4d65;min-height:100dvh;color:var(--ink);background:#121b30;padding:24px 16px 56px}.DSB4UW_page *{box-sizing:border-box}.DSB4UW_inner{max-width:1040px;margin:0 auto}.DSB4UW_nav{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.DSB4UW_nav a{color:inherit;padding:8px 0;text-decoration:none}.DSB4UW_nav a:hover{color:var(--gold)}.DSB4UW_header{text-align:center;padding:32px 0}.DSB4UW_brand{color:var(--gold);letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:700}.DSB4UW_header h1{color:var(--ink);margin:0 0 16px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,4vw,38px);font-weight:700;line-height:1.5}.DSB4UW_header>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.DSB4UW_table{border:1px solid var(--line);text-align:center;background:#1a263e;border-radius:6px;outline:none;padding:24px;scroll-margin-top:104px}.DSB4UW_page img{image-rendering:pixelated}.DSB4UW_tableHeading{color:var(--gold);justify-content:center;align-items:center;gap:16px;margin-bottom:24px;font-size:15px;display:flex}.DSB4UW_tableHeading>span:first-child,.DSB4UW_tableHeading>span:last-child{font-size:12px}.DSB4UW_setup{max-width:680px;margin:0 auto}.DSB4UW_choices{border:0;min-width:0;margin:0 0 24px;padding:0}.DSB4UW_choices legend{text-align:left;color:var(--muted);margin-bottom:10px;font-size:12px}.DSB4UW_choices>div{gap:8px;display:flex}.DSB4UW_choices button{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #5c637b;border-radius:4px;flex:1;padding:12px 8px;font-size:13px;line-height:1.6}.DSB4UW_choices button[aria-pressed=true]{border-color:var(--gold);color:#18243a;background:#e6c581;font-weight:700}.DSB4UW_choices small{font-size:11px;font-weight:400;display:block}.DSB4UW_welcome{text-align:left;justify-content:center;align-items:center;gap:24px;margin:8px 0 24px;display:flex}.DSB4UW_welcome img{-o-object-fit:contain;object-fit:contain;width:150px;height:160px}.DSB4UW_welcome p{color:var(--muted);font-size:12px;line-height:1.9}.DSB4UW_welcome .DSB4UW_question{color:var(--ink);max-width:290px;font-size:17px;font-weight:700}.DSB4UW_primary{background:var(--gold);color:#172239;border:1px solid var(--gold);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:24px;max-width:100%;min-height:48px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex}.DSB4UW_primary:hover{background:#f2d89f}.DSB4UW_hint{color:var(--muted);margin:12px 0 0;font-size:11px}.DSB4UW_deckPrompt{color:var(--ink);margin:0 0 12px;font-size:13px}.DSB4UW_deckPrompt span{color:var(--line);margin:0 8px}.DSB4UW_progress{min-height:26px;color:var(--muted);font-size:14px;line-height:1.8}.DSB4UW_deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:840px;margin:32px auto;display:grid}.DSB4UW_deckCard{aspect-ratio:3/4.8;perspective:800px;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:0;display:block}.DSB4UW_deckCard:not(:disabled):hover{translate:0 -8px}.DSB4UW_cardTurn{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s,translate .2s;display:block;position:relative}.DSB4UW_deckCard[data-revealed=true] .DSB4UW_cardTurn{transform:rotateY(180deg)}.DSB4UW_cardBack,.DSB4UW_cardFace{backface-visibility:hidden;border:1px solid var(--gold);border-radius:6px;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.DSB4UW_cardBack{outline-offset:-7px;color:var(--gold);background:#24334f;outline:1px solid #b79c68;padding:16px}.DSB4UW_cardBack b{border-block:1px solid #8b7b5b;padding-block:8px;font-family:Georgia,serif;font-size:clamp(24px,5vw,44px);font-weight:400}.DSB4UW_cardBack span{font-size:15px}.DSB4UW_cardFace{color:#263147;background:#ede8d7;padding:8px 5px;transform:rotateY(180deg)}.DSB4UW_cardFace small{font-family:Georgia,serif;font-size:12px}.DSB4UW_cardFace img{-o-object-fit:contain;object-fit:contain;width:100%;height:66%}.DSB4UW_cardFace b{font-size:clamp(10px,1.6vw,13px)}.DSB4UW_cardFace img[data-reversed=true],.DSB4UW_resultImage img[data-reversed=true]{transform:rotate(180deg)}.DSB4UW_textButton{color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px;font-size:12px;text-decoration:underline}.DSB4UW_textButton:hover{color:var(--gold)}.DSB4UW_reading{text-align:center;outline:none;padding-top:40px;scroll-margin-top:104px}.DSB4UW_reading>h2{color:var(--ink);margin:0 0 16px;font-size:23px}.DSB4UW_topicAdvice{color:var(--muted);max-width:600px;margin:0 auto 24px;font-size:13px;line-height:1.9}.DSB4UW_results{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.DSB4UW_results[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}.DSB4UW_result{text-align:left;border-top:1px solid var(--gold);background:#1a263e;padding:24px}.DSB4UW_position{color:var(--gold);text-align:center;margin:0 0 20px;font-size:13px}.DSB4UW_resultImage{color:#263147;text-align:center;background:#ede8d7;border:4px double #a38959;border-radius:4px;flex-direction:column;width:180px;max-width:100%;height:220px;margin:0 auto;padding:8px;display:flex}.DSB4UW_resultImage span{font-family:Georgia,serif;font-size:14px}.DSB4UW_resultImage img{-o-object-fit:contain;object-fit:contain;width:100%;height:175px}.DSB4UW_character{text-align:center;color:var(--muted);margin:10px 0 20px;font-size:11px}.DSB4UW_result h3{color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;font-size:23px;display:flex}.DSB4UW_result h3 small{color:var(--gold);border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:400}.DSB4UW_result>p:not(.DSB4UW_position):not(.DSB4UW_character),.DSB4UW_action p{margin:0;font-size:14px;line-height:2}.DSB4UW_action{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.DSB4UW_action b{color:var(--gold);margin-bottom:8px;font-size:12px;display:block}.DSB4UW_again{flex-direction:column;align-items:center;gap:8px;margin:24px auto 0;display:flex}.DSB4UW_again>p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.DSB4UW_guide{border-block:1px solid var(--line);color:var(--muted);margin-top:32px;padding:20px 0;font-size:13px;line-height:1.9}.DSB4UW_guide summary{color:var(--ink);cursor:pointer}.DSB4UW_guide p{margin:16px 0 0}.DSB4UW_footer{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;padding-top:24px;font-size:11px;display:flex}.DSB4UW_page button{touch-action:manipulation}.DSB4UW_page button:focus-visible,.DSB4UW_page a:focus-visible,.DSB4UW_guide summary:focus-visible{outline-offset:4px;outline:3px solid #91dcff}@media (max-width:700px){.DSB4UW_table{padding:20px 16px}.DSB4UW_results{grid-template-columns:minmax(0,1fr);max-width:520px;margin:auto}.DSB4UW_deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:420px;margin:24px auto}.DSB4UW_deckCard{aspect-ratio:3/4}.DSB4UW_welcome{gap:12px}.DSB4UW_welcome img{width:110px;height:140px}.DSB4UW_welcome .DSB4UW_question{font-size:15px}}@media (max-width:390px){.DSB4UW_page{padding-inline:12px}.DSB4UW_header{padding:24px 0}.DSB4UW_header>p:last-child{font-size:12px}.DSB4UW_table{padding:20px 12px}.DSB4UW_tableHeading{gap:12px;font-size:13px}.DSB4UW_choices button{padding:10px 5px;font-size:12px}.DSB4UW_choices>div{gap:6px}.DSB4UW_welcome{text-align:center;flex-direction:column;gap:0}.DSB4UW_welcome img{height:110px}.DSB4UW_welcome .DSB4UW_question{margin:8px 0}.DSB4UW_welcome p{margin-block:8px}.DSB4UW_result{padding:20px}}@media (prefers-reduced-motion:reduce){.DSB4UW_cardTurn{transition:none}.DSB4UW_deckCard:not(:disabled):hover{translate:none}}
