@theme{ --color-jtq-bg: #faf8f2; --color-jtq-window: #ffffff; --color-jtq-window-light: #fffdf9; --color-jtq-text: #2a2a2a; --color-jtq-text-dim: #666666; --color-jtq-accent: #b5495b; --color-jtq-gold: #a68b5b; --color-jtq-silver: #cbd5e0; --color-jtq-green: #6b8e23; --color-res-money: #c5a059; --color-res-wa: #e27d60; --color-res-culture: #41b3a3; --jtq-line-color: rgba(0, 0, 0, .08); --jtq-accent-line: var(--color-jtq-accent); --font-heading: "DotGothic16", serif; --font-body: "Inter", "Outfit", sans-serif; --radius-premium: 8px; }html,body,#root{height:100%;margin:0;padding:0;background-color:#f0f0f0}body{font-family:var(--font-body);color:var(--color-jtq-text);overflow-x:hidden;background:var(--color-jtq-bg)}#root{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;position:relative;background:var(--color-jtq-bg);box-shadow:0 10px 50px #0000000d;border-left:1px solid var(--jtq-line-color);border-right:1px solid var(--jtq-line-color)}.jtq-retro-box{position:relative;background:var(--color-jtq-window);border:1px solid var(--jtq-line-color);box-shadow:0 4px 20px #00000008,0 1px 2px #00000005;border-radius:var(--radius-premium);padding:20px;overflow:hidden}.jtq-retro-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-jtq-gold);opacity:.6}.jtq-retro-box-silver{background:#fcfcfc;border-color:#0000000d}.jtq-retro-choice{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:#fff;border:1px solid var(--jtq-line-color);color:var(--color-jtq-text);font-family:var(--font-body);font-weight:500;font-size:15px;text-align:left;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.22,1,.36,1);margin-bottom:12px;border-radius:var(--radius-premium);box-shadow:0 2px 5px #00000005}.jtq-retro-choice:hover{background:#fffdf5;border-color:var(--color-jtq-gold);transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.jtq-cursor-fan{display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a68b5b'%3E%3Cpath d='M21.9 11.23c-.1-.13-.23-.22-.38-.27l-8.5-2.83V5.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5v2.63l-8.5 2.83c-.15.05-.28.14-.38.27-.12.16-.18.35-.16.54.02.19.1.37.24.49l7.8 6.5c.09.08.2.12.32.12s.23-.04.32-.12l7.8-6.5c.14-.12.22-.3.24-.49.02-.19-.04-.38-.16-.54z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 4px rgba(166,139,91,.2));animation:fan-gentle-bob 2s infinite ease-in-out}@keyframes fan-gentle-bob{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.jtq-washi-texture:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.06;pointer-events:none;z-index:1000;mix-blend-mode:multiply}.jtq-status-bar-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--jtq-line-color);padding-bottom:env(safe-area-inset-bottom)}@keyframes premium-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-premium-appear{animation:premium-appear .4s cubic-bezier(.22,1,.36,1) both}.jtq-premium-image-container{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-premium);border:1px solid var(--jtq-line-color);background:#eee;box-shadow:0 10px 30px #0000000d;margin-bottom:20px}.jtq-premium-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.jtq-premium-image-container:hover img{transform:scale(1.05)}.jtq-pixel-text-shadow{text-shadow:none}.jtq-washi-card{background:#fff;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20l10-10H10l10 10z' fill='%23000000' fill-opacity='.01'/%3E%3C/svg%3E");border:1px solid var(--jtq-line-color);border-radius:var(--radius-premium)}.animate-flash-success{animation:flash-success .4s ease-out}@keyframes flash-success{0%{background-color:transparent}50%{background-color:#00fa9a4d}to{background-color:transparent}}.animate-flash-danger{animation:flash-danger .8s ease-out}@keyframes flash-danger{0%{background-color:#d9333f66}to{background-color:transparent}}.choice-stagger:nth-child(1){animation-delay:0s}.choice-stagger:nth-child(2){animation-delay:.08s}.choice-stagger:nth-child(3){animation-delay:.16s}.effect-preview{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.6}