.magnetism-module__DjYahq__game{isolation:isolate;color:#f8f4e8;background:#071116;width:100%;height:100dvh;min-height:600px;position:relative;overflow:hidden}.magnetism-module__DjYahq__scene,.magnetism-module__DjYahq__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.magnetism-module__DjYahq__canvas{touch-action:none;cursor:grab}.magnetism-module__DjYahq__canvas.magnetism-module__DjYahq__dragging{cursor:grabbing}.magnetism-module__DjYahq__loading,.magnetism-module__DjYahq__error{z-index:20;color:#f8f4e8ad;letter-spacing:.13em;text-transform:uppercase;background:radial-gradient(circle at 50% 48%,#18363c,#071116 62%);place-content:center;justify-items:center;gap:13px;font-size:10px;font-weight:600;display:grid;position:absolute;inset:0}.magnetism-module__DjYahq__loading svg{color:#efc96f;animation:1.1s ease-in-out infinite alternate magnetism-module__DjYahq__charge}.magnetism-module__DjYahq__error{text-align:center;padding:30px}.magnetism-module__DjYahq__topBar{z-index:6;top:max(20px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:56px 1fr 56px;align-items:start;display:grid;position:absolute;left:clamp(16px,2.8vw,42px);right:clamp(16px,2.8vw,42px)}.magnetism-module__DjYahq__topBar>*{pointer-events:auto}.magnetism-module__DjYahq__titleBlock{text-align:center;text-shadow:0 3px 24px #0009;justify-self:center}.magnetism-module__DjYahq__titleBlock p{color:#efca72;letter-spacing:.17em;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin:0 0 5px;font-size:8px;font-weight:700;display:flex}.magnetism-module__DjYahq__titleBlock h1{letter-spacing:-.045em;margin:0;font:600 clamp(30px,3.2vw,44px)/1 Fraunces,serif}.magnetism-module__DjYahq__iconButton{color:#f8f4e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#051015b3;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:transform .18s,background .18s;display:grid;box-shadow:0 14px 36px #00000047,inset 0 1px #ffffff14}.magnetism-module__DjYahq__topBar>.magnetism-module__DjYahq__iconButton:last-child{justify-self:end}.magnetism-module__DjYahq__iconButton:hover{background:#16333bd1;transform:translateY(-2px)}.magnetism-module__DjYahq__labCard,.magnetism-module__DjYahq__readoutCard,.magnetism-module__DjYahq__controlDock{-webkit-backdrop-filter:blur(17px);background:#051015b8;border:1px solid #ffffff1f;box-shadow:0 20px 55px #0000004d,inset 0 1px #ffffff0e}.magnetism-module__DjYahq__labCard,.magnetism-module__DjYahq__readoutCard{z-index:5;border-radius:18px;width:218px;padding:19px;position:absolute;top:50%;transform:translateY(-50%)}.magnetism-module__DjYahq__labCard{left:clamp(16px,2.8vw,42px)}.magnetism-module__DjYahq__readoutCard{right:clamp(16px,2.8vw,42px)}.magnetism-module__DjYahq__panelLabel{color:#efca72;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.magnetism-module__DjYahq__labCard h2{letter-spacing:-.035em;margin:15px 0 12px;font:600 27px/1.04 Fraunces,serif}.magnetism-module__DjYahq__labCard p{color:#f8f4e88c;margin:0;font-size:10px;line-height:1.62}.magnetism-module__DjYahq__labCard .magnetism-module__DjYahq__waveNote{color:#ddc3f899;border-left:1px solid #c994ff80;margin-top:10px;padding-left:10px;font-size:8px}.magnetism-module__DjYahq__poleKey{color:#f8f4e8a6;border-top:1px solid #ffffff17;gap:16px;margin-top:16px;padding-top:13px;font-size:8px;display:flex}.magnetism-module__DjYahq__poleKey span{align-items:center;gap:6px;display:flex}.magnetism-module__DjYahq__poleKey i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.magnetism-module__DjYahq__northDot{color:#f2675e;background:#f2675e}.magnetism-module__DjYahq__southDot{color:#48a7d8;background:#48a7d8}.magnetism-module__DjYahq__interaction{letter-spacing:-.025em;align-items:center;gap:8px;margin:14px 0 15px;font:600 26px/1 Fraunces,serif;display:flex}.magnetism-module__DjYahq__interaction:before{content:"";background:#efca72;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #efca721a,0 0 15px #efca726b}.magnetism-module__DjYahq__attracting:before{background:#76d9aa;box-shadow:0 0 0 5px #76d9aa1a,0 0 15px #76d9aa6b}.magnetism-module__DjYahq__repelling:before{background:#f27a67;box-shadow:0 0 0 5px #f27a671a,0 0 15px #f27a676b}.magnetism-module__DjYahq__readoutCard dl{margin:0}.magnetism-module__DjYahq__readoutCard dl div{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:31px;display:flex}.magnetism-module__DjYahq__readoutCard dt{color:#f8f4e86e;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.magnetism-module__DjYahq__readoutCard dd{margin:0;font-size:11px;font-weight:600}.magnetism-module__DjYahq__readoutCard small{color:#f8f4e861;font-size:7px;font-weight:500}.magnetism-module__DjYahq__waveLegend{z-index:4;color:#d8b6fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#10101f7a;border:1px solid #c994ff33;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;font-weight:700;display:flex;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0003}.magnetism-module__DjYahq__waveLegend small{color:#f8f4e861;font-size:6px;font-weight:600}.magnetism-module__DjYahq__helpText{z-index:4;color:#f8f4e86b;letter-spacing:.03em;white-space:nowrap;pointer-events:none;align-items:center;gap:9px;margin:0;font-size:8px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.magnetism-module__DjYahq__helpText i{background:#ffffff40;border-radius:50%;width:3px;height:3px}.magnetism-module__DjYahq__controlDock{z-index:6;right:clamp(14px,2.2vw,32px);bottom:max(16px,env(safe-area-inset-bottom));border-radius:19px;grid-template-columns:1fr minmax(180px,260px) 1fr;align-items:center;gap:18px;min-height:76px;padding:9px 11px;display:grid;position:absolute;left:clamp(14px,2.2vw,32px)}.magnetism-module__DjYahq__buttonGroup{align-items:center;gap:5px;display:flex}.magnetism-module__DjYahq__buttonGroup:last-child{justify-content:flex-end}.magnetism-module__DjYahq__buttonGroup button{color:#f8f4e8ab;cursor:pointer;background:#ffffff0b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:48px;height:48px;padding:0 13px;font-size:8px;font-weight:600;transition:color .15s,background .15s,transform .15s;display:flex}.magnetism-module__DjYahq__buttonGroup button:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:translateY(-1px)}.magnetism-module__DjYahq__buttonGroup button:disabled{opacity:.35;cursor:default}.magnetism-module__DjYahq__buttonGroup .magnetism-module__DjYahq__activeButton{color:#102328;background:#79d9cc}.magnetism-module__DjYahq__buttonGroup .magnetism-module__DjYahq__waveButtonActive{color:#21152c;background:#c994ff}.magnetism-module__DjYahq__strengthControl{display:block}.magnetism-module__DjYahq__strengthControl span{color:#f8f4e87a;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:8px;display:flex}.magnetism-module__DjYahq__strengthControl b{color:#efca72;font-weight:700}.magnetism-module__DjYahq__strengthControl input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#48a7d8,#79d9cc 48%,#f2675e);border-radius:5px;width:100%;height:3px;display:block}.magnetism-module__DjYahq__strengthControl input::-webkit-slider-thumb{appearance:none;background:#f6d27c;border:3px solid #102329;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #ffffff61}.magnetism-module__DjYahq__strengthControl input::-moz-range-thumb{background:#f6d27c;border:3px solid #102329;border-radius:50%;width:11px;height:11px}.magnetism-module__DjYahq__iconButton:focus-visible,.magnetism-module__DjYahq__buttonGroup button:focus-visible,.magnetism-module__DjYahq__strengthControl input:focus-visible{outline-offset:3px;outline:3px solid #efca72}@keyframes magnetism-module__DjYahq__charge{to{filter:drop-shadow(0 0 12px #efca72a6);transform:rotate(12deg)scale(1.1)}}@media (max-width:1000px){.magnetism-module__DjYahq__labCard,.magnetism-module__DjYahq__readoutCard{width:205px;top:auto;bottom:111px;transform:none}.magnetism-module__DjYahq__labCard h2{margin-block:11px 8px;font-size:22px}.magnetism-module__DjYahq__labCard p,.magnetism-module__DjYahq__poleKey,.magnetism-module__DjYahq__labCard .magnetism-module__DjYahq__waveNote{display:none}.magnetism-module__DjYahq__controlDock{grid-template-columns:1fr 190px 1fr;gap:8px}.magnetism-module__DjYahq__buttonGroup button{padding-inline:10px}}@media (max-width:760px){.magnetism-module__DjYahq__game{min-height:560px}.magnetism-module__DjYahq__topBar{grid-template-columns:46px 1fr 46px}.magnetism-module__DjYahq__titleBlock h1{font-size:29px}.magnetism-module__DjYahq__labCard{display:none}.magnetism-module__DjYahq__readoutCard{width:170px;padding:13px;bottom:104px;right:12px}.magnetism-module__DjYahq__interaction{margin-block:10px;font-size:21px}.magnetism-module__DjYahq__readoutCard dl div{min-height:26px}.magnetism-module__DjYahq__helpText{white-space:normal;flex-wrap:wrap;max-width:145px;line-height:1.5;bottom:118px;left:14px;transform:none}.magnetism-module__DjYahq__waveLegend{top:98px}.magnetism-module__DjYahq__helpText i{display:none}.magnetism-module__DjYahq__controlDock{right:8px;bottom:max(8px,env(safe-area-inset-bottom));border-radius:16px;grid-template-columns:1fr auto;gap:6px;min-height:80px;left:8px}.magnetism-module__DjYahq__strengthControl{display:none}.magnetism-module__DjYahq__buttonGroup{gap:3px}.magnetism-module__DjYahq__buttonGroup button{min-width:42px;height:45px;padding-inline:9px}.magnetism-module__DjYahq__buttonGroup button span{display:none}}@media (max-width:430px){.magnetism-module__DjYahq__readoutCard{width:150px}.magnetism-module__DjYahq__readoutCard dl div:nth-child(2){display:none}.magnetism-module__DjYahq__buttonGroup button{min-width:38px;padding-inline:8px}}@media (max-height:680px){.magnetism-module__DjYahq__labCard,.magnetism-module__DjYahq__readoutCard{display:none}.magnetism-module__DjYahq__waveLegend{top:84px}.magnetism-module__DjYahq__helpText{bottom:102px}}@media (prefers-reduced-motion:reduce){.magnetism-module__DjYahq__loading svg{animation:none}.magnetism-module__DjYahq__iconButton,.magnetism-module__DjYahq__buttonGroup button{transition:none}}