@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Medium.ttf)format("truetype");font-weight:500 700;font-display:swap}:root{--text:#f1f5f9;--muted:#b6c2dc;--panel:#ffffff0f;--panel-line:#ffffff1a;--yellow:#facc15;--yellow-shadow:#a16207;--wood-top:#f3dcb4;--wood-bottom:#ddb886;--ink:#3f2711;--good:#16a34a;--loss:#d97706;--bad:#dc2626}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:#091330 radial-gradient(at top,#1d3170 0%,#0d1b3e 60%,#091330 100%) fixed}body{color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6}button,select,textarea{font:inherit}.game{max-width:1080px;padding:12px 18px calc(36px + env(safe-area-inset-bottom));margin:0 auto}.bar{align-items:center;min-height:40px;display:flex}.hub-link,.link-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:15px;text-decoration:none}.hub-link:hover,.link-button:hover{color:#fff}.title{letter-spacing:.01em;margin:0;font-size:34px;font-weight:700;line-height:1.2}.lead{color:var(--muted);margin:8px 0 0}.quote{color:var(--muted);border-left:3px solid #facc1599;margin:10px 0 0;padding-left:12px;font-size:14px;font-style:italic}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;padding:20px}.panel h2{color:var(--yellow);margin:0 0 8px;font-size:18px;font-weight:700}.panel p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--muted);margin:0;font-size:14px}.btn{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-size:17px;font-weight:700;transition:transform .1s,filter .15s}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn--primary{background:var(--yellow);color:#1e1b4b;box-shadow:0 3px 0 var(--yellow-shadow)}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--ghost{color:#fff;background:#ffffff24}.btn--big{padding:16px 20px;font-size:20px}.btn--pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}.home{gap:20px;margin-top:8px;display:grid}.home-art-picture{max-width:260px;margin:4px auto 0}.home-form{flex-direction:column;gap:10px;display:flex}.field-label{font-weight:700}.input{border:1px solid var(--panel-line);color:#fff;resize:vertical;background:#00000040;border-radius:12px;width:100%;padding:12px 14px;font-size:17px}.required{color:#ef4444}.input--missing{border-color:#ef4444}.error{color:#fca5a5;margin:-4px 0 0;font-size:14px}.input::placeholder{color:#8291b3}.input:focus{outline:2px solid var(--yellow);outline-offset:1px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}select.input option{color:#171a21}.home-form .btn--primary{margin-top:8px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--panel-line);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:999px;padding:7px 14px;font-size:15px}.tag:hover{background:#ffffff29}.tag--on{background:var(--yellow);border-color:var(--yellow);color:#1e1b4b;font-weight:700}.cylinder-wrap{-webkit-user-select:none;user-select:none;position:relative}.cylinder{width:100%;height:auto;display:block;overflow:visible}.cylinder-shadow{fill:#00000059}.cylinder-body{transform-box:view-box;transform-origin:0 0;transform:translate(200px,180px)rotate(-24deg)}.falling-stick{transform-box:view-box;transform-origin:0 0}.stick-number{fill:#f6d77a;font-size:8px;font-weight:700}.shake{text-align:center;flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.shake-question{color:var(--muted);margin:0;font-style:italic}.shake-stage{background:radial-gradient(at 60% 40%,#f871711f,#0000 70%);border-radius:24px;outline:none;padding:12px}.shake-stage--live{cursor:pointer}.shake-stage--live .cylinder{animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.shake-stage--live:focus-visible{box-shadow:0 0 0 2px var(--yellow)}.result{gap:20px;margin-top:8px;display:grid}.tablet{background:linear-gradient(180deg, var(--wood-top) 0%, var(--wood-bottom) 100%);color:var(--ink);text-align:center;border-radius:22px;flex-direction:column;align-items:center;padding:24px 20px 26px;display:flex;position:relative;box-shadow:0 6px #8a5a2b,0 12px 30px #00000059}.tablet-question{color:#6b4423;margin:0 0 12px;font-style:italic}.tablet-label{letter-spacing:.08em;text-transform:uppercase;color:#7a4a1d;margin:0 0 14px;font-size:14px}.tablet-name{margin:18px 0 0;font-size:40px;font-weight:700;line-height:1.15}.tablet-sub{color:#6b4423;margin:4px 0 0}.stamp{text-transform:uppercase;opacity:0;border:5px solid;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin-top:18px;padding:8px;font-size:26px;font-weight:700;line-height:1.1;display:flex;transform:rotate(-12deg)scale(2)}.stamp--on{animation:.42s cubic-bezier(.2,.8,.3,1.2) forwards stamp}@keyframes stamp{to{opacity:1;transform:rotate(-12deg)scale(1)}}.stamp--good{color:var(--good)}.stamp--loss{color:var(--loss);font-size:22px}.stamp--bad{color:var(--bad)}.tablet-verdict{margin:14px 0 0;font-size:18px;font-weight:700}.tablet-verdict--good{color:#15803d}.tablet-verdict--loss{color:#b45309}.tablet-verdict--bad{color:#b91c1c}.tablet-trajectory{color:#6b4423;font-size:16px;font-weight:400;display:block}.reading{flex-direction:column;gap:16px;display:flex}.ai-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.btn--ai{color:#fff;padding:12px 8px;font-size:15px}.btn--google{color:#1f2937;background:#fff}.btn--chatgpt{background:#10a37f}.btn--claude{background:#d97757}@media (width>=900px){.game{padding-top:20px}.home{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;margin-top:24px}.title{font-size:44px}.home-art-picture{max-width:420px;margin-top:12px}.shake-stage .cylinder-wrap,.shake .btn{width:100%;max-width:430px;margin:0 auto}.result{grid-template-columns:400px 1fr;align-items:start;gap:32px;margin-top:20px}.tablet{position:sticky;top:20px}}@media (width<=420px){.ai-buttons{grid-template-columns:1fr}}