@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:linear-gradient(#64c7ef,#c5f3ff 43%,#0c2844 44%);min-height:100vh;color:white;font-family:'Space Grotesk'}main{max-width:760px;margin:auto;padding:12px}.hud{display:flex;justify-content:space-between;align-items:center;font:11px 'DM Mono';text-shadow:0 2px #164f72}.hud b{font-size:20px}.hud button,.actions button{border:0;border-radius:22px;padding:9px 14px;font:11px 'DM Mono';cursor:pointer}.table{height:455px;margin-top:68px;border:8px solid #2b93b4;border-radius:50% 50% 42% 42%/35% 35% 60% 60%;background:radial-gradient(ellipse,#4fc0d7,#156a80 58%,#08394f 80%);box-shadow:inset 0 0 0 6px #8ed8e8,0 12px 25px #09263b99;position:relative}.player{position:absolute;text-align:center;font-size:11px;text-shadow:0 2px #083b51}.player small{display:block;font:8px 'DM Mono'}.avatar{width:44px;height:44px;border-radius:50%;border:3px solid white;background:#896bd6;display:grid;place-items:center;margin:auto;font-size:20px;box-shadow:0 3px 6px #0006}.nova{background:linear-gradient(135deg,#ff74b7,#7250db)}.atlas{background:linear-gradient(135deg,#d5ff55,#24b89b);color:#183329}.top{top:-55px;left:50%;transform:translateX(-50%)}.left{top:48%;left:13px}.right{top:48%;right:13px}.center{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);display:flex;gap:18px}.deck,.active{width:85px;height:116px;border:4px solid white;border-radius:11px;box-shadow:5px 6px #0b4256;display:grid;place-items:center}.deck{background:repeating-linear-gradient(45deg,#18336c 0 6px,#ef5165 6px 12px);font-size:14px}.active{background:#653da4;font-size:42px;position:relative}.active b{position:absolute;bottom:19px;font-size:20px}.active small{position:absolute;bottom:5px;font:7px 'DM Mono'}.arrow{position:absolute;top:49%;left:33%;font-size:34px;color:#fff700}.round{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);text-align:center;font:10px 'DM Mono';white-space:nowrap}.round b{color:#fff400}.round span{display:block;font-size:8px}.enemybar{position:absolute;top:20px;right:20px;width:100px;height:5px;background:#104155}.enemybar em,.thought em,.you i em{display:block;height:100%;width:60%;background:#ff5fa6}.thought{background:#123d59;border:3px solid #70c9df;border-radius:12px;padding:10px 13px;margin:-16px auto 5px;width:88%;position:relative}.thought small{font:8px 'DM Mono';color:#fff400}.thought p{font-size:11px;margin:4px 50px 0 0;min-height:30px}.thought>b{position:absolute;right:12px;top:19px;font-size:26px}.thought>i{position:absolute;right:12px;bottom:13px;width:54px;height:4px;background:#104155}.thought em{background:#fff400;width:0;transition:.3s}.you{display:flex;align-items:center;gap:8px;text-align:left;margin:6px 22px}.you small{display:block;font:8px 'DM Mono'}.you small em{font-size:16px;font-style:normal}.you>i{margin-left:auto;width:95px;height:5px;background:#104155}.you>i em{background:#c8ff55;width:80%}.hand{min-height:158px;display:flex;justify-content:center;align-items:end;gap:2px;padding-top:5px;overflow:hidden}.card{width:92px;height:125px;background:linear-gradient(145deg,#fff,#dce8f6);border:4px solid white;border-radius:12px;color:#18213a;padding:8px;box-shadow:0 5px 8px #082c4580;transform:rotate(var(--tilt));position:relative;transition:.25s}.card.chosen{transform:translateY(-28px) rotate(var(--tilt));outline:3px solid #fff400}.ct{font:8px 'DM Mono';color:#52627a}.icon{font-size:30px;color:var(--accent);margin-top:12px}.card h3{font-size:12px;margin:0}.card p,.card>b{display:none}.actions{text-align:center}.actions button:first-child{background:#f14548;color:#fff;font-weight:bold;margin-right:7px;box-shadow:0 3px #a42a30}.actions button:last-child{background:#fff;color:#26506d}#lesson{text-align:center;font:10px 'DM Mono';text-shadow:0 1px #1c5c78}@media(max-width:520px){.table{height:390px;margin-top:50px}.center{gap:9px}.deck,.active{width:72px;height:101px}.card{width:76px;height:112px}.left{left:4px}.right{right:4px}}