:root{font-family:Arial,Helvetica,sans-serif;color:#fbf3ff;background:#1d102f;color-scheme:dark;font-synthesis:none;--aqua:#a4fff1;--rose:#ffd4ce}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #eadcff48;background:linear-gradient(135deg,#e9dfff28,#5c41662b);border-radius:22px;padding:11px 17px;min-height:42px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .2s,border-color .2s}button:hover{background:#f5eaff30;border-color:#fff9}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e0fff6;outline-offset:4px}a{color:inherit;text-decoration:none}kbd{font:9px Arial;letter-spacing:1px}[hidden]{display:none!important}#space,#space canvas,.vignette{position:fixed;inset:0;width:100%;height:100%}#space canvas{display:block;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(#10051f75,transparent 22%,transparent 77%,#10051f99)}.hud{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;gap:20px;pointer-events:none}.hud>*{pointer-events:auto}.brand{width:188px;display:block;filter:drop-shadow(0 1px 8px #150520)}.brand>span{display:block;text-align:center;font-size:6px;letter-spacing:3px;margin-top:8px}.identity{position:absolute;left:50%;transform:translate(-50%);text-align:center;top:16px;text-shadow:0 2px 16px #1a0e30}.identity h1{font:italic 400 47px/1 Georgia,serif;margin:0;letter-spacing:-1.3px;background:linear-gradient(110deg,#e9fff7,#f2deff 40%,#fcdcc5 65%,#c6f6ff);background-clip:text;-webkit-background-clip:text;color:transparent}.identity p{margin:8px 0 0;font-size:10px;letter-spacing:6px;padding-left:6px}.identity b{font-weight:400;font-size:13px}.tools{display:flex;gap:8px;align-items:center}.tools button{font-size:10px;padding:10px 14px}.tools #full{font-size:24px;line-height:18px;padding:10px 12px}.scoreboard{position:fixed;top:112px;left:5%;right:5%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.player{display:flex;align-items:center;gap:13px;text-shadow:0 2px 12px #100b1e}.player i{font:41px/1 Georgia;font-style:normal;filter:drop-shadow(0 0 12px #aaffeb66)}.player span{display:flex;align-items:center;gap:18px}.player small{font-size:8px;letter-spacing:1.5px}.player b{font:30px Georgia}.aqua{color:var(--aqua)}.rose{color:var(--rose)}.player.active i{filter:drop-shadow(0 0 10px currentColor)}.match{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;white-space:nowrap;text-shadow:0 2px 12px #130827}.match>span{font-size:7px;letter-spacing:2px;color:#f4e4ffb0}.match strong{font:400 20px Georgia}.match small{font-size:6px;letter-spacing:1.2px;color:#e3d1ed}.dock{position:fixed;bottom:49px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:15px;max-width:94vw}.column-wrap{border-radius:23px;padding:11px 15px 12px;background:#2a193d88;border:1px solid #eedaff36;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 45px #16072255}.dock-label{display:block;text-align:center;font-size:6px;letter-spacing:2px;margin-bottom:7px;color:#eddcf3}#columns{display:flex;gap:5px}#columns button{width:35px;height:35px;min-height:35px;border-radius:50%;padding:0;font-size:10px;background:transparent;color:#decfe8;border-color:#dfc5ff25}#columns button.selected{background:radial-gradient(circle at 25% 20%,#fff9,#a5d9ed35);border-color:#f3fff6;color:#fff;box-shadow:0 0 14px #b9fcdf33}#columns button.full{opacity:.3}.drop{height:75px;border-radius:24px;min-width:157px;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:center;background:linear-gradient(130deg,#e6fff746,#d3b0e332);border-color:#eafff8a6;box-shadow:inset 0 1px 2px #fff7,0 10px 35px #170c2c5c}.drop span{font:italic 22px Georgia}.drop kbd{font-size:7px;letter-spacing:1.3px}.home{font-size:9px;height:45px;margin-bottom:14px}footer{position:fixed;bottom:12px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.2px;color:#eddef9c9}footer button{min-height:28px;font-size:9px;padding:4px 12px;border:0;background:none}.credit{font-size:5px;letter-spacing:1.4px}.toast{position:fixed;left:50%;top:195px;transform:translate(-50%);background:#231436ed;border:1px solid #f4deff77;border-radius:18px;padding:12px 22px;max-width:90vw;font-size:12px;text-align:center;z-index:5;box-shadow:0 10px 30px #0003}.network{position:fixed;top:175px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;border-radius:20px;background:#261536b5;padding:4px 5px 4px 15px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:9px;white-space:nowrap}.network button{font-size:9px;min-height:30px;padding:5px 12px}.result{position:fixed;bottom:144px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:13px 20px;background:#301c44e8;border:1px solid #ffeecc88;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 70px #18062577}.result span{font:italic 24px Georgia;white-space:nowrap}.result button{white-space:nowrap;font-size:11px}dialog{color:#fbf4ff;position:fixed;padding:43px 38px 29px;width:min(700px,92vw);max-height:88svh;border:1px solid #f6deff8c;border-radius:30px;background:linear-gradient(140deg,#523657f5,#24192af5 60%,#3e284af7);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:inset 1px 1px 1px #fff4,0 35px 120px #09031599;overflow:auto}dialog::backdrop{background:#0c031c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font:italic 39px/1.1 Georgia;margin:10px 0 15px;letter-spacing:-1px}.eyebrow{font-size:7px;letter-spacing:3px;color:#d9bfe6}.description{font-size:13px;line-height:1.7;color:#ebddee;max-width:550px}.close{position:absolute;right:14px;top:14px;min-width:40px;padding:0;font-size:24px;border:0;background:none}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:22px 17px;text-align:left;border-radius:21px;background:linear-gradient(140deg,#fcdbff22,#a28ace13)}.mode-card i{font-style:normal;font-size:25px;color:#eddfc9}.mode-card strong{font:italic 25px Georgia}.mode-card span{font-size:10px;line-height:1.5;color:#e8daee}.settings{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.settings button{font-size:11px}.primary{background:linear-gradient(135deg,#defdeb45,#e1abd530);border-color:#efffe999}.fine{font-size:10px;line-height:1.65;color:#cbbbce}.hall-link{display:inline-block;margin-top:16px;font-size:11px;border-bottom:1px solid #cfb8df66;padding-bottom:6px}.rules p{display:grid;grid-template-columns:140px 1fr;gap:15px;border-top:1px solid #e4c4f222;padding-top:13px;font-size:12px;line-height:1.6}.rules b{font-weight:500;color:#f0e9d3}.rules span{color:#e1d2e7}.link-label{display:block;font-size:10px;margin:20px 0 9px}#invite-link{width:100%;border:1px solid #e5cef376;border-radius:14px;padding:14px;background:#1b102d70;font-size:11px}#loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 45%,#674665,#281339 55%,#1c1436);transition:opacity .6s;pointer-events:none}#loading>span{font:italic 70px Georgia;color:#f4e9fc;text-shadow:0 0 45px #eec9ee88}#loading p{font-size:8px;letter-spacing:5px;margin-top:22px}.loading-crystal{font:100px Georgia;color:#eafff3;text-shadow:0 0 45px #d2c2ee;animation:crystal 3s ease-in-out infinite}@keyframes crystal{50%{transform:rotateY(180deg) scale(.85);color:#ffcee6}}#loading.done{opacity:0}@media(max-width:900px){.hud{padding:17px 20px}.brand{width:144px}.identity h1{font-size:40px}.tools #sound{display:none}.scoreboard{left:25px;right:25px}.player small{font-size:6px;letter-spacing:.5px}.player span{gap:9px}.player i{font-size:32px}.player b{font-size:25px}.dock{gap:9px}.home{display:none}#columns button{width:31px;height:31px;min-height:31px}.drop{height:71px;min-width:133px}.credit{display:none}.tools button{padding:9px 11px}}@media(max-width:620px){.hud{padding:15px;align-items:flex-start}.brand{width:112px;margin-top:7px}.brand>span{font-size:4px;letter-spacing:1.6px}.identity{top:76px}.identity h1{font-size:37px}.identity p{font-size:8px;letter-spacing:5px;margin-top:5px}.tools{gap:4px}.tools button{font-size:9px;min-height:38px}.scoreboard{top:144px;left:16px;right:16px}.player{gap:5px}.player span{display:flex;flex-direction:column;gap:3px}.player small{font-size:5px;max-width:86px;letter-spacing:.4px}.player b{font-size:20px}.player i{font-size:28px}.match{top:3px}.match strong{font-size:17px}.match>span{font-size:6px;letter-spacing:1px}.match small{display:none}.dock{bottom:45px;display:grid;grid-template-columns:1fr;gap:8px;width:calc(100% - 24px);max-width:450px}.column-wrap{padding:8px;border-radius:18px}.dock-label{font-size:5px;margin-bottom:6px}#columns{justify-content:space-between;gap:3px}#columns button{width:calc((100vw - 85px)/11);max-width:34px;height:29px;min-height:29px;font-size:8px}.drop{height:46px;min-height:46px;min-width:0;flex-direction:row;border-radius:17px}.drop span{font-size:21px}.drop kbd{font-size:6px}footer{left:16px;right:16px;bottom:9px;font-size:5px;letter-spacing:.5px}footer button{font-size:8px}.network{top:197px;max-width:94vw;font-size:8px}.result{bottom:181px;padding:10px 14px;gap:10px;border-radius:19px;max-width:96vw}.result span{font-size:18px}.result button{font-size:9px;padding:8px 10px;min-height:36px}.toast{top:233px;font-size:11px}dialog{padding:40px 23px 24px;border-radius:25px}dialog h2{font-size:32px}.menu-grid{grid-template-columns:1fr;gap:8px;margin:20px 0}.mode-card{padding:15px;display:grid;grid-template-columns:35px 1fr;gap:5px 10px}.mode-card i{grid-row:1/3;font-size:23px;align-self:center}.mode-card strong{font-size:24px}.mode-card span{font-size:10px}.rules p{grid-template-columns:1fr;gap:5px}.description{font-size:12px}}@media(max-height:650px)and (min-width:621px){.hud{padding:12px 22px}.identity{top:9px}.identity h1{font-size:33px}.identity p{font-size:7px;margin-top:4px}.scoreboard{top:76px}.match{gap:3px}.match small{display:none}.dock{bottom:35px}.column-wrap{padding:6px 12px}.dock-label{display:none}.drop{height:47px;flex-direction:row;min-width:150px}.drop span{font-size:19px}.drop kbd{font-size:6px}footer{bottom:4px}.network{top:120px}.result{bottom:99px}.toast{top:155px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}