:root{font-family:Trebuchet MS,Avenir Next,sans-serif;--page-bg: #dff1f5;--page-glow: rgba(255, 255, 255, .45);--ink: #37436f;--ink-soft: #6d78a2;--panel: rgba(255, 255, 255, .92);--panel-border: #d9e2f1;--shadow: #c8d7e5;--mint: #b7ef8c;--mint-strong: #9fe473;--workspace-bg: rgba(255, 255, 255, .55);--workspace-dash: #b7c7dc;--success: #c9f3cb}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at top center,var(--page-glow),transparent 34%),linear-gradient(180deg,#dff2f5 0%,var(--page-bg) 48%,#d8ecf2 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:42px 42px;opacity:.18}.app-shell{position:relative;max-width:1120px;margin:0 auto;padding:2rem 1.25rem 2.5rem;display:grid;gap:1.15rem;transition:background-color .22s ease}.app-shell.correct-flash{background:linear-gradient(180deg,#d2f7d833,#d2f7d870)}.panel{border:2px solid var(--panel-border);border-radius:2rem;background:var(--panel);padding:1.2rem 1.35rem;box-shadow:0 8px 0 var(--shadow)}.round-prompt,.status-board{text-align:center}.round-prompt{background:transparent;border:none;box-shadow:none;padding-top:.4rem;padding-bottom:.15rem}.eyebrow{display:inline-block;margin:0 0 .6rem;padding:.45rem 1rem;font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:800;font-size:.86rem;letter-spacing:.03em;color:#21347f;background:linear-gradient(180deg,#fefefe,#f0f4fb);border:2px solid #d8e0ec;border-radius:999px;box-shadow:0 6px #c3d0dfd9}.round-prompt h1{max-width:780px;margin:0 auto .55rem;font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,4rem);line-height:1.04;letter-spacing:-.035em;color:var(--ink)}.round-prompt p{max-width:680px;margin:0 auto;font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:700;font-size:1.12rem;line-height:1.45;color:var(--ink-soft)}.status-board{justify-self:center;min-width:280px;padding:.95rem 1.4rem}.status-board h2,.workspace-wrapper h2,.ion-tray h2{margin-top:0;margin-bottom:.55rem;font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:800;font-size:1.15rem;color:#273572}.status-board p{margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:700;font-size:1rem}.status-board.correct{background:linear-gradient(180deg,#ebffe8,var(--success));border-color:#b2dfad;box-shadow:0 8px #bad7bc}.workspace-wrapper{padding:1rem 1.2rem 1.1rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.workspace{position:relative;min-height:224px;overflow:hidden;border-radius:2rem;border:none;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.86),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.72),var(--workspace-bg));box-shadow:inset 0 0 0 1px #ffffff8c}.tray-row{display:flex;flex-wrap:wrap;gap:1.25rem}.ion-token{--ion-color: #7fd5df;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#24386d;font-family:Trebuchet MS,Avenir Next,sans-serif;-webkit-user-select:none;user-select:none}.ion-token.tray{cursor:grab;transition:transform .12s ease}.ion-token.tray:hover{transform:translateY(-2px)}.ion-token.placed{cursor:grab}.ion-token.balanced{--ion-color: #8fd44f !important}.placement{position:absolute;transform:translate(-50%,-50%);display:block}.ion-ball{position:relative;width:92px;height:92px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 68% 28%,#ffffffe0,#ffffff8c 16%,#fff0 38%),radial-gradient(circle at 30% 28%,#fff3,#fff0 46%),radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--ion-color) 85%,white 15%) 0%,var(--ion-color) 60%,color-mix(in srgb,var(--ion-color) 76%,black 24%) 100%);box-shadow:inset -10px -14px 18px #0000001f,inset 10px 12px 14px #ffffff38;transition:background .16s ease,box-shadow .16s ease}.ion-label{position:relative;z-index:1;display:inline-flex;align-items:flex-start;gap:.08rem;padding:.2rem .35rem;color:var(--ink);text-shadow:0 1px 1px rgba(255,255,255,.22);font-weight:700;line-height:1.05;text-align:center;white-space:nowrap}.ion-symbol{font-size:1.22rem;line-height:1}.ion-charge{font-size:.68rem;line-height:1;transform:translateY(-.18rem)}.clear-ions-button{border:0;border-radius:999px;padding:.7rem 1rem;background:#edf0f4;color:#26196a;font-family:Trebuchet MS,Avenir Next,sans-serif;font-size:.95rem;font-weight:700;white-space:nowrap;box-shadow:0 6px #c5cfddd9}.ion-tray{padding-top:1.1rem}.ion-tray h2,.workspace-wrapper h2{margin-bottom:.9rem}button{font-family:inherit}button:disabled{opacity:.75;cursor:not-allowed}@media (max-width: 760px){.app-shell{padding:1.2rem .8rem 1.8rem}.round-prompt h1{font-size:clamp(1.8rem,8vw,3rem)}.round-prompt p{font-size:1rem}.panel{border-radius:1.5rem;padding:1rem}.workspace{min-height:180px}.workspace-header{flex-direction:column;align-items:flex-start}.ion-ball{width:78px;height:78px}.ion-symbol{font-size:1.04rem}.ion-charge{font-size:.58rem}}