@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");:root{--navy:#111a2e;--navy-2:#19243e;--cream:#fff4de;--paper:#fffdf7;--coral:#ff6b4a;--lime:#c7ff4a;--blue:#55c8ff;--purple:#a986ff;--ink:#172038;--muted:#747b8c;--line:#dfe1e4;--shadow:0 18px 50px rgba(17,26,46,.12)}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f2f1ec;font-family:Noto Sans KR,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(85,200,255,.55);outline-offset:2px}.logo{padding:0;border:0;background:transparent;display:grid;grid-template-columns:34px auto;grid-template-rows:22px 10px;column-gap:9px;align-items:center;color:var(--navy);text-align:left}.logo .brand-mark{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px 4px 9px 4px;color:var(--navy);background:var(--lime);transform:rotate(-5deg);font:900 18px/1 Arial,sans-serif;box-shadow:4px 4px 0 var(--coral)}.logo>span:not(.brand-mark){font:900 22px/1 Arial,sans-serif;letter-spacing:-.07em}.logo>span strong{color:var(--coral)}.logo>i{color:#818696;font:800 7px/1 Arial,sans-serif;letter-spacing:.24em;font-style:normal}.logo.light{color:white}.logo.light>i{color:#9199ad}.tiny-icon{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid;border-radius:50%;font-weight:900}.live-dot,.live-pill i,.student-header i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(199,255,74,.13)}.gate-page{min-height:100vh;color:var(--cream);overflow:hidden;position:relative;background:var(--navy)}.gate-page:before{content:"";position:absolute;width:60vw;height:100vh;left:-15vw;top:0;opacity:.19;background-image:radial-gradient(circle,rgba(85,200,255,.8) 1px,transparent 1.5px);background-size:18px 18px;transform:skewX(-12deg)}.gate-page:after{content:"";position:absolute;width:420px;height:420px;left:39%;top:45%;border:90px solid rgba(255,107,74,.055);border-radius:50%}.gate-header{height:84px;max-width:1380px;margin:auto;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.gate-header .logo{color:white}.gate-header .logo>i{color:#8f98aa}.live-pill{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:99px;color:#c8ced9;font-size:10px;font-weight:700;display:flex;align-items:center;gap:8px}.gate-hero{min-height:calc(100vh - 140px);max-width:1280px;margin:auto;padding:50px 6vw 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;z-index:1}.gate-hero,.hero-copy{position:relative}.eyebrow{margin:0 0 18px;color:#bcc4d2;font-size:12px;font-weight:700;letter-spacing:.02em}.eyebrow span{margin-right:9px;padding:4px 7px;color:var(--navy);background:var(--lime);font:900 9px Arial,sans-serif;letter-spacing:.12em;transform:skew(-6deg);display:inline-block}.hero-copy h1{margin:0;color:var(--cream);font:400 clamp(57px,6.2vw,92px)/.97 Black Han Sans,Noto Sans KR,sans-serif;letter-spacing:-.055em;transform:skewY(-1deg)}.hero-copy h1 em{color:var(--coral);font-style:normal;text-shadow:4px 4px 0 rgba(85,200,255,.2)}.hero-lead{margin:28px 0;color:#aeb7c8;font-size:14px;line-height:1.9}.hero-stats{display:flex;gap:34px}.hero-stats span{display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;column-gap:7px;align-items:end}.hero-stats b{grid-row:1/3;color:var(--lime);font:900 36px/1 Arial,sans-serif}.hero-stats small{color:#798396;font-size:9px;font-weight:700}.hero-stats small:before{content:"";width:17px;height:2px;margin-bottom:4px;display:block;background:var(--coral)}.gate-panel,.gate-panel-wrap{position:relative}.gate-panel{padding:29px;color:var(--ink);background:var(--paper);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:15px 18px 0 rgba(85,200,255,.12),var(--shadow);transform:rotate(.8deg);z-index:2}.panel-head{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.card-title small,.mobile-card-head small,.panel-head small,.section-heading small,.throw-heading small{color:#9aa0ad;font:900 8px Arial,sans-serif;letter-spacing:.16em}.panel-head h2{margin:3px 0 0;font-size:24px;letter-spacing:-.04em}.panel-head>span{padding:6px 9px;color:var(--navy);background:var(--lime);border-radius:5px;font:900 9px Arial,sans-serif;transform:rotate(3deg)}.role-tabs{margin-bottom:20px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);background:#ebece9;border-radius:10px}.role-tabs button{height:38px;border:0;border-radius:7px;color:#858b97;background:transparent;font-size:11px;font-weight:800}.role-tabs button.active{color:white;background:var(--navy);box-shadow:0 5px 12px rgba(17,26,46,.2)}.field-label{display:block;margin-top:15px}.field-label>span,.setting-modal label>span{margin-bottom:8px;display:block;color:#686f7d;font-size:10px;font-weight:800}.field-label input,.setting-modal input,.setting-modal select,.setting-modal textarea{width:100%;border:1px solid #d9dce1;border-radius:9px;background:white;color:var(--ink);padding:12px 13px;font-size:12px}.channel-pick{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.channel-pick button{aspect-ratio:1;border:1px solid #dfe1e4;border-radius:7px;color:#737987;background:white;font:900 11px Arial,sans-serif}.channel-pick button.chosen{color:var(--navy);border-color:var(--lime);background:var(--lime);transform:translateY(-2px);box-shadow:0 4px 0 #9dc832}.form-error{margin:9px 0 0;color:#c54436;font-size:10px;font-weight:700}.enter-button{width:100%;margin-top:17px;padding:14px 16px;border:0;border-radius:9px;display:flex;justify-content:space-between;align-items:center;color:white;background:var(--coral);font-size:12px;font-weight:900;box-shadow:0 6px 0 #d44d30}.enter-button:hover{transform:translateY(1px);box-shadow:0 5px 0 #d44d30}.enter-button span{font-size:20px;line-height:.7}.demo-hint{margin:13px 0 0;color:#979ba4;text-align:center;font-size:8px}.demo-hint b{color:#68707f}.floating-yut{position:absolute;right:-42px;top:-45px;width:130px;height:92px;z-index:3;transform:rotate(12deg);pointer-events:none}.floating-yut i{position:absolute;width:18px;height:86px;border-radius:10px;background:#f1c078;border:2px solid #b67232;box-shadow:5px 6px 11px rgba(0,0,0,.25)}.floating-yut i:after{content:"✕";color:#6f3d18;position:absolute;top:28px;left:3px;font-weight:900}.floating-yut i:first-child{left:5px;top:6px;transform:rotate(-20deg)}.floating-yut i:nth-child(2){left:37px;top:-5px;transform:rotate(-5deg)}.floating-yut i:nth-child(3){left:70px;top:2px;transform:rotate(13deg)}.floating-yut i:nth-child(4){left:101px;top:16px;transform:rotate(27deg)}.gate-footer{height:56px;display:flex;justify-content:center;align-items:center;gap:18px;color:#727d90;font-size:9px;font-weight:800;letter-spacing:.06em;position:relative;z-index:1}.gate-footer i{width:3px;height:3px;border-radius:50%;background:var(--coral)}.dashboard-page{min-height:100vh;background:#f1f0ea}.dash-header,.student-header{height:66px;padding:0 3vw;display:flex;align-items:center;color:white;background:var(--navy)}.dash-header{justify-content:space-between}.dash-room{margin-left:auto;margin-right:25px;display:flex;align-items:center;gap:8px;color:#bfc6d3;font-size:10px}.dash-room b{margin-left:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--cream);font:800 8px Arial,sans-serif;letter-spacing:.08em}.dash-actions{display:flex;align-items:center;gap:11px}.dash-actions button:not(.exit-link){padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:7px;display:flex;align-items:center;gap:7px;color:white;background:#222d47;font-size:9px;font-weight:800}.dash-actions>span{padding:7px 9px;color:var(--navy);background:var(--lime);border-radius:5px;font-size:8px;font-weight:900}.dash-actions .exit-link{padding:5px;border:0;color:#9099a9;background:transparent;font-size:8px}.channel-strip{padding:15px 3vw;display:flex;align-items:center;gap:24px;background:white;border-bottom:1px solid var(--line)}.channel-title{min-width:110px;display:flex;flex-direction:column}.channel-title small{color:#a3a6ae;font:800 7px Arial;letter-spacing:.13em}.channel-title strong{margin-top:3px;font-size:12px}.channel-grid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.channel-grid button{min-width:0;padding:8px;border:1px solid #e0e2e5;border-radius:8px;display:grid;grid-template-columns:23px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;color:var(--ink);background:#fafafa;text-align:left}.channel-grid button>span{grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;align-self:center;color:white;background:var(--blue);border-radius:6px;font:900 9px Arial}.channel-grid button>b{font-size:9px}.channel-grid button>b,.channel-grid button>small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-grid button>small{color:#9398a3;font-size:7px}.channel-grid button.waiting>span{color:#737987;background:#dfe1e5}.channel-grid button.active{border-color:var(--coral);background:#fff7f4;box-shadow:0 0 0 2px rgba(255,107,74,.12)}.channel-grid button.active>span{background:var(--coral)}.control-bar{min-height:74px;padding:10px 3vw;display:grid;grid-template-columns:1fr auto 150px;align-items:center;gap:30px;background:#fffdf7;border-bottom:1px solid #dadbdc}.control-bar>div:first-child{display:flex;align-items:center;gap:11px}.turn-box{padding:9px 8px;color:white;background:var(--coral);border-radius:7px;font:900 9px Arial;transform:rotate(-2deg)}.control-bar p{margin:0;display:flex;flex-direction:column}.control-bar p strong{font-size:13px}.control-bar p small{color:#858b95;font-size:8px}.progress-step{display:flex;align-items:center}.progress-step span{width:27px;height:27px;position:relative;display:grid;place-items:center;border:1px solid #cfd2d6;border-radius:50%;color:#9aa0a9;background:white;font:800 8px Arial}.progress-step small{position:absolute;top:31px;width:45px;left:50%;transform:translateX(-50%);color:#9a9fa8;text-align:center;font:700 7px Noto Sans KR}.progress-step span.done{color:var(--navy);background:var(--lime);border-color:var(--lime)}.progress-step span.active{color:white;background:var(--coral);border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,107,74,.12)}.progress-step i{width:35px;height:2px;background:#d6d9dd}.go-control,.pause-control{justify-self:end;width:130px;padding:10px;border-radius:8px;font-size:9px;font-weight:900}.pause-control{color:#8b4d34;border:1px solid #efc6b8;background:#fff6f1}.go-control{color:#2b5819;border:1px solid #c1dc9a;background:#f4ffe6}.teacher-layout{max-width:1450px;margin:auto;padding:19px 3vw 35px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.activity-card,.board-panel,.question-map-card,.ranking-card,.student-board-card,.team-mini,.throw-card{background:var(--paper);border:1px solid #dddeda;border-radius:14px;box-shadow:0 4px 14px rgba(17,26,46,.04)}.board-panel{padding:17px}.card-title,.mobile-card-head,.section-heading,.throw-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{margin:3px 0 0;font-size:20px;letter-spacing:-.04em}.section-heading>span{padding:6px 8px;color:#66707d;background:#eef0ed;border-radius:5px;font-size:8px;font-weight:700}.section-heading>span i{width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:#79c85e}.board-stage{min-height:565px;margin-top:13px;padding:18px;position:relative;overflow:hidden;display:grid;place-items:center;background:#17223b;border-radius:12px}.board-stage:before{content:"YUT:ON";position:absolute;left:14px;bottom:8px;color:rgba(255,255,255,.045);font:900 52px Arial;letter-spacing:-.08em}.yut-board{width:min(510px,72vh);aspect-ratio:1;position:relative;z-index:1}.board-grid{position:absolute;inset:8%;border:2px solid rgba(255,244,222,.38)}.board-line{position:absolute;left:13.7%;top:50%;width:72.5%;height:2px;background:rgba(255,244,222,.32);transform-origin:center}.diagonal-a{transform:rotate(45deg)}.diagonal-b{transform:rotate(-45deg)}.board-node{width:15px;height:15px;position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #efe4cd;border-radius:50%;background:#29344c;box-shadow:0 0 0 3px rgba(255,244,222,.05)}.board-node.major{width:26px;height:26px;border-width:3px;background:var(--cream)}.board-node b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--lime);font:900 8px Arial;box-shadow:0 3px 8px rgba(0,0,0,.3)}.board-node small{top:27px;color:#aab1bf;white-space:nowrap}.board-node small,.team-piece{position:absolute;font-size:6px}.team-piece{width:25px;height:25px;z-index:5;transform:translate(-50%,-50%);display:grid;place-items:center;border:3px solid #fff;color:white;font-weight:900;box-shadow:0 4px 8px rgba(0,0,0,.35);transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1)}.team-piece.active{width:31px;height:31px;box-shadow:0 0 0 5px rgba(255,255,255,.15),0 5px 12px rgba(0,0,0,.45)}.coral{background:var(--coral)!important}.lime{background:var(--lime)!important}.blue,.lime{color:var(--navy)!important}.blue{background:var(--blue)!important}.purple{background:var(--purple)!important}.board-center{width:69px;height:69px;position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);background:var(--cream);border:5px solid #2d3850;box-shadow:0 0 0 2px var(--cream)}.board-center span{padding:2px 4px;color:var(--navy);background:var(--lime);font:900 6px Arial}.board-center strong{font:900 23px/1 Arial}.board-center small{font-size:6px;font-weight:800}.current-question{width:calc(100% - 36px);min-height:62px;padding:9px 11px;position:absolute;left:18px;bottom:16px;z-index:7;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;color:var(--ink);background:rgba(255,253,247,.96);border-radius:9px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.current-question>span{width:38px;height:38px;display:grid;place-items:center;color:var(--navy);background:var(--lime);border-radius:7px;font:900 16px Arial}.current-question div{display:flex;flex-direction:column}.current-question small{color:#858b96;font-size:7px}.current-question strong{font-size:10px}.current-question>b{color:var(--coral);font-size:10px}.teacher-controls{margin-top:13px;display:flex;justify-content:flex-end;gap:8px}.teacher-controls button{padding:10px 14px;border:1px solid #d8dade;border-radius:7px;color:#606876;background:white;font-size:9px;font-weight:800}.teacher-controls .primary{min-width:210px;display:flex;justify-content:space-between;color:white;border-color:var(--coral);background:var(--coral)}.teacher-side{display:flex;flex-direction:column;gap:11px}.activity-card,.question-map-card,.ranking-card{padding:15px}.card-title strong{display:block;margin-top:2px;font-size:12px}.card-title>b,.card-title>button{padding:5px 7px;color:#777e8c;border:0;border-radius:5px;background:#eff0ee;font-size:7px;font-weight:800}.activity-card ul,.ranking-card ol{margin:12px 0 0;padding:0;list-style:none}.ranking-card li{min-height:48px;display:flex;align-items:center;gap:8px;border-top:1px solid #ecece8}.rank-num{width:18px;color:#8f95a0;font:900 10px Arial}.rank-num.top{color:var(--coral)}.team-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:white;font-size:8px;font-weight:900}.ranking-card li p{flex:1;margin:0;display:flex;flex-direction:column}.ranking-card li p strong{font-size:9px}.ranking-card li p small{color:#9aa0a9;font-size:7px}.ranking-card li>b{font:900 11px Arial}.pulse{width:8px;height:8px;border-radius:50%;background:#72c657;box-shadow:0 0 0 5px rgba(114,198,87,.13)}.activity-card li{padding:9px 0;display:grid;grid-template-columns:43px 1fr;border-top:1px solid #ecece8}.activity-card li>span{color:var(--coral);font-size:7px;font-weight:800}.activity-card li p{margin:0;color:#626a77;font-size:8px;line-height:1.5}.question-chips{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.question-chips button{padding:8px;border:1px solid #e0e1df;border-radius:7px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;text-align:left;background:white}.question-chips span{grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;border-radius:5px;color:var(--navy);background:var(--lime);font:900 9px Arial}.question-chips b{font-size:8px}.question-chips small{color:#9aa0a7;font-size:7px}.modal-backdrop{position:fixed;z-index:30;inset:0;padding:20px;display:grid;place-items:center;background:rgba(8,14,28,.7);backdrop-filter:blur(5px)}.setting-modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:29px;position:relative;background:var(--paper);border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.modal-x{width:30px;height:30px;position:absolute;right:17px;top:17px;border:0;border-radius:50%;color:#6d7480;background:#e9eae7;font-size:19px}.modal-label{color:var(--coral);font:900 8px Arial;letter-spacing:.15em}.setting-modal h2{margin:6px 0;font-size:23px}.setting-modal>p{margin:0 0 18px;color:#7b818d;font-size:10px}.setting-modal label{display:block;margin-top:13px}.tile-select{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tile-select button{padding:9px;border:1px solid #dbdde0;border-radius:7px;color:#6e7582;background:white;font-size:9px;font-weight:800}.tile-select button.active{color:var(--navy);border-color:var(--lime);background:var(--lime)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-modal textarea{resize:vertical;line-height:1.6}.modal-actions{margin-top:19px;display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.modal-actions button{padding:11px;border:1px solid #d9dbde;border-radius:8px;color:#6f7682;background:white;font-size:10px;font-weight:900}.modal-actions button:last-child{color:white;border-color:var(--coral);background:var(--coral)}.student-page{min-height:100vh;color:white;background:#0d1528}.student-header{height:61px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.student-header>div{display:flex;align-items:center;gap:10px}.student-header>div>span{display:flex;align-items:center;gap:7px;color:#b8c0cf;font-size:9px;font-weight:800}.student-header>div>button{padding:5px;border:0;color:#828b9d;background:transparent;font-size:8px}.student-turn{min-height:73px;padding:11px max(16px,4vw);display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;color:var(--ink);background:var(--cream)}.student-turn>span{padding:9px 7px;color:white;background:var(--coral);border-radius:7px;font:900 8px Arial;transform:rotate(-2deg)}.student-turn div{display:flex;flex-direction:column}.student-turn small{color:#7c8290;font-size:8px}.student-turn strong{font-size:13px}.student-turn time{color:var(--navy);font:900 18px Arial}.student-game{max-width:1080px;margin:auto;padding:15px;display:grid;grid-template-columns:320px minmax(0,1fr) 260px;gap:13px;align-items:start}.student-board-card,.team-mini,.throw-card{padding:15px;color:var(--ink)}.mobile-card-head strong{display:block;margin-top:2px;font-size:12px}.mobile-card-head>b{padding:5px 7px;border-radius:5px;color:var(--navy);background:var(--blue);font-size:8px}.yut-board.compact{width:100%;margin:14px auto}.student-board-card .yut-board{padding:0;background:#17223b;border-radius:9px}.student-board-card .board-node{width:10px;height:10px;border-width:1px}.student-board-card .board-node.major{width:17px;height:17px;border-width:2px}.student-board-card .board-node b{width:13px;height:13px;font-size:5px}.student-board-card .team-piece{width:18px;height:18px;border-width:2px;font-size:5px}.student-board-card .team-piece.active{width:23px;height:23px}.student-board-card .board-center{width:45px;height:45px;border-width:3px}.student-board-card .board-center strong{font-size:15px}.student-board-card .board-center small,.student-board-card .board-center span{font-size:4px}.next-goal{padding:8px;display:flex;align-items:center;gap:8px;border-radius:8px;background:#f0f1ee}.next-goal>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--navy);background:var(--lime);font:900 10px Arial}.next-goal p{flex:1;margin:0;display:flex;flex-direction:column}.next-goal small{color:#8d939d;font-size:7px}.next-goal strong{font-size:9px}.next-goal>b{color:var(--coral);font:900 10px Arial}.throw-card{position:relative;overflow:hidden}.throw-heading h1{margin:3px 0 0;font-size:21px;letter-spacing:-.04em}.throw-heading h1 em{color:var(--coral);font-style:normal}.throw-heading button{padding:7px 9px;border:1px solid #d9dce0;border-radius:7px;display:flex;align-items:center;gap:6px;color:#626b79;background:white;font-size:8px;font-weight:800}.throw-heading button.sensor-on{color:var(--navy);border-color:var(--lime);background:var(--lime)}.throw-arena{height:260px;margin:12px 0 14px;position:relative;overflow:hidden;display:grid;place-items:center;background:#17223b;border-radius:11px}.throw-arena:before{content:"";position:absolute;width:210px;height:210px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}.motion-ring{width:145px;height:145px;position:absolute;border:15px solid rgba(85,200,255,.06);border-radius:50%;transform:skewX(-18deg)}.sticks{width:225px;height:170px;position:relative;transition:transform .4s ease}.sticks i{width:28px;height:130px;position:absolute;left:calc(28px + var(--i) * 48px);top:20px;border:2px solid #a9662b;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#724017;background:#f1bd70;box-shadow:7px 10px 13px rgba(0,0,0,.32);transform:rotate(calc((var(--i) - 1.5) * 8deg));font-size:14px;font-style:normal}.sticks i.round{background:#c88139;border-color:#8e5424}.sticks i span{writing-mode:vertical-rl;letter-spacing:17px}.sticks.tossing i{animation:toss 1s cubic-bezier(.2,.8,.4,1) both;animation-delay:calc(var(--i) * 30ms)}.result-burst{position:absolute;right:18px;top:16px;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);background:var(--lime);border-radius:50%;border:4px solid var(--navy);box-shadow:0 0 0 3px var(--lime);transform:rotate(7deg);animation:pop .35s ease both}.result-burst span{font:400 30px/1 Black Han Sans}.result-burst small{margin-top:2px;font:900 6px Arial}.meter-label{display:flex;justify-content:space-between;align-items:end}.meter-label span{color:#858b96;font:900 8px Arial;letter-spacing:.13em}.meter-label b{color:var(--coral);font:900 15px Arial}.power-meter{height:14px;margin:6px 0 12px;position:relative;overflow:visible;background:#e3e4e3;border:3px solid #f1f1ef;box-shadow:0 0 0 1px #d6d8da}.power-meter>i{height:100%;display:block;background:var(--coral);transition:width 45ms linear}.sweet-zone{width:24%;position:absolute;right:10%;top:-3px;display:grid;place-items:center;border-left:2px solid var(--lime);border-right:2px solid var(--lime);color:var(--navy);background:rgba(199,255,74,.55);font:900 6px Arial}.hold-button{width:100%;min-height:53px;border:0;border-radius:9px;position:relative;overflow:hidden;color:white;background:var(--coral);box-shadow:0 6px 0 #ce4e33;touch-action:none;user-select:none;font-size:12px;font-weight:900}.hold-button span{position:relative;z-index:2}.hold-button i{position:absolute;inset:0;background:var(--lime);transform:translateX(-105%);transition:transform .2s}.hold-button.charging{color:var(--navy);box-shadow:0 6px 0 #8eb829}.hold-button.charging i{transform:translateX(0);transition:transform 1.3s linear}.hold-button:disabled{opacity:.65}.sensor-note{margin:11px 0 0;display:flex;align-items:center;gap:6px;color:#8a909a;font-size:7px}.sensor-note>span{color:var(--blue)}.sensor-note>b{margin-left:auto;color:#9ca2ab;font:900 8px Arial}.sensor-note>b:after{content:" spin";font-weight:600}.team-mini .mobile-card-head>b{color:#53606f;background:#eceeeb}.member-dots{margin:17px 0 12px;display:flex}.member-dots>span{width:32px;height:32px;margin-left:-4px;position:relative;display:grid;place-items:center;border:3px solid var(--paper);border-radius:50%;color:var(--navy);background:#cfd5de;font-size:7px;font-weight:900}.member-dots>span:first-child{margin-left:0}.member-dots>span:nth-child(2n){background:#ffd1c7}.member-dots>span:nth-child(3n){background:#dff7a6}.member-dots>span.me{color:var(--navy);background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.member-dots small{position:absolute;right:-3px;bottom:-4px;padding:2px 3px;color:white;background:var(--coral);border-radius:3px;font-size:5px}.team-mini>p{margin:0;padding:9px;color:#727987;background:#f0f1ee;border-radius:7px;font-size:8px;line-height:1.6}.team-mini>p strong{color:var(--coral)}@keyframes toss{0%{transform:translateY(0) rotate(calc((var(--i) - 1.5) * 8deg))}45%{transform:translateY(-90px) rotate(calc(300deg + var(--i) * 70deg)) scale(1.08)}to{transform:translateY(0) rotate(calc((var(--i) - 1.5) * -7deg))}}@keyframes pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(7deg)}}@media (max-width:1100px){.channel-title{display:none}.channel-strip{padding-inline:16px;overflow-x:auto}.channel-grid{min-width:850px}.teacher-layout{grid-template-columns:1fr}.teacher-side{display:grid;grid-template-columns:1fr 1fr 1fr}.student-game{grid-template-columns:270px 1fr}.team-mini{grid-column:1/3}.control-bar{grid-template-columns:1fr auto}.progress-step{display:none}}@media (max-width:760px){.gate-header{height:67px;padding:0 18px}.live-pill{font-size:8px}.gate-hero{min-height:auto;padding:35px 19px 65px;grid-template-columns:1fr;gap:55px}.hero-copy h1{font-size:56px}.hero-lead{font-size:12px}.desktop-only{display:none}.hero-stats{gap:21px}.hero-stats b{font-size:29px}.gate-panel{padding:22px 17px;transform:none;box-shadow:8px 10px 0 rgba(85,200,255,.12),var(--shadow)}.floating-yut{right:-15px;top:-56px;transform:rotate(9deg) scale(.72)}.gate-footer{display:none}.dash-header{height:58px;padding-inline:14px}.dash-header .logo .brand-mark,.dash-header .logo>i{display:none}.dash-header .logo{display:block}.dash-header .logo>span:not(.brand-mark){font-size:17px}.dash-room{margin:0 4px 0 auto;font-size:8px}.dash-actions .exit-link,.dash-actions>span,.dash-room b{display:none}.dash-actions button:not(.exit-link){padding:6px;font-size:0}.dash-actions .tiny-icon{font-size:10px}.channel-strip{padding:10px 12px}.channel-grid{min-width:670px}.channel-grid button{padding:6px}.control-bar{padding:10px 13px;grid-template-columns:1fr 98px;gap:8px}.control-bar p small{display:none}.go-control,.pause-control{width:98px;padding:8px}.teacher-layout{padding:11px}.board-panel{padding:10px}.board-stage{min-height:auto;aspect-ratio:.82;padding:6px}.yut-board{width:100%}.current-question{width:calc(100% - 16px);left:8px;bottom:8px;grid-template-columns:34px 1fr}.current-question>b{display:none}.teacher-controls{display:grid;grid-template-columns:1fr 1.5fr}.teacher-controls .primary{min-width:0}.teacher-side{grid-template-columns:1fr}.setting-modal{padding:24px 17px}.student-header{height:58px;padding-inline:14px}.student-header .logo>i{display:none}.student-turn{padding:10px 14px}.student-game{padding:11px;grid-template-columns:1fr}.student-board-card{order:2}.throw-card{order:1}.team-mini{order:3;grid-column:auto}.throw-arena{height:235px}.sticks{transform:scale(.88) rotate(calc(var(--spin) * .08))}.student-board-card .yut-board{max-width:330px}.member-dots{justify-content:center}}@media (max-width:390px){.hero-copy h1{font-size:48px}.hero-stats{gap:14px}.hero-stats b{font-size:25px}.gate-panel{padding-inline:14px}.channel-pick{gap:3px}.student-turn time{font-size:15px}.student-turn strong{font-size:11px}.throw-card{padding:12px}.throw-heading h1{font-size:18px}.throw-heading button{padding:6px}.sticks{transform:scale(.8) rotate(calc(var(--spin) * .08))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.gate-v2{background-color:#0b1224;background-image:linear-gradient(90deg,rgba(9,16,33,.93),rgba(9,16,33,.78) 42%,rgba(9,16,33,.92)),url(/og-yuton.png);background-size:cover;background-position:50%;background-attachment:fixed}.gate-v2:before{opacity:.32}.gate-v2:after{border-color:rgba(199,255,74,.08);animation:slow-spin 18s linear infinite}.gate-v2 .hero-copy h1{font-size:clamp(59px,6.6vw,99px);text-transform:uppercase;text-shadow:8px 10px 0 rgba(0,0,0,.22)}.gate-v2 .hero-copy h1 em{color:var(--lime);text-shadow:5px 5px 0 var(--coral)}.gate-v2 .gate-panel{border:2px solid var(--lime);box-shadow:13px 15px 0 var(--coral),0 28px 80px rgba(0,0,0,.45)}.gate-v2 .enter-button{background:var(--coral)}.energy-tags{margin:23px 0;display:flex;flex-wrap:wrap;gap:7px}.energy-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.22);color:var(--cream);background:rgba(17,26,46,.72);border-radius:5px;font-size:9px;font-weight:900;backdrop-filter:blur(5px)}.energy-tags span:nth-child(2){color:var(--navy);border-color:var(--lime);background:var(--lime)}.hall-preview{width:min(440px,100%);padding:12px 14px;border-left:3px solid var(--coral);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;color:var(--cream);background:rgba(5,11,25,.7);backdrop-filter:blur(8px)}.hall-preview>small{grid-column:1/4;color:#8792a7;font:900 7px Arial;letter-spacing:.15em}.hall-preview>span{min-width:0;display:grid;grid-template-columns:13px 22px 1fr;grid-template-rows:1fr 1fr;gap:0 5px;align-items:center}.hall-preview>span>b{grid-row:1/3;color:var(--coral);font:900 10px Arial}.hall-preview>span>i{grid-row:1/3;width:21px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:6px;font-style:normal}.hall-preview>span>strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:7px}.hall-preview>span>em{color:var(--lime);font:800 7px Arial;font-style:normal}.active-board{filter:drop-shadow(0 12px 18px rgba(0,0,0,.22))}.active-board .board-node{animation:node-pop 2.8s ease-in-out infinite;animation-delay:calc(var(--node,0) * 40ms)}.board-item{width:24px!important;height:29px!important;position:absolute;z-index:4;display:grid!important;place-items:center;border:2px solid white!important;border-radius:5px!important;font:900 12px Arial!important;transform:rotate(-7deg);box-shadow:4px 5px 0 rgba(0,0,0,.25)!important;animation:item-bounce 1.8s ease-in-out infinite}.board-item.mystery{color:white!important;background:var(--coral)!important}.board-item.question{color:var(--navy)!important;background:var(--lime)!important}.board-item.rare{width:28px!important;height:34px!important;animation-duration:1.25s}.board-item em{min-width:20px;padding:2px 3px;position:absolute;right:-13px;top:-9px;color:white;background:var(--purple);border:1px solid white;border-radius:7px;font:900 6px Arial;font-style:normal}.board-legend{position:absolute;right:8%;top:46%;z-index:4;display:flex;flex-direction:column;gap:5px;color:#aeb7c6;font-size:6px}.board-legend span{display:flex;align-items:center;gap:5px}.board-legend i{width:15px;height:17px;display:grid;place-items:center;border-radius:3px;color:white;font:900 7px Arial;font-style:normal}.board-legend i.mystery{background:var(--coral)}.board-legend i.question{color:var(--navy);background:var(--lime)}.board-stage{background-image:radial-gradient(circle at center,rgba(85,200,255,.11),transparent 52%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 8px,transparent 8px 16px)}.board-stage .team-piece.active{animation:piece-hop 1.15s ease-in-out infinite}.teacher-controls{grid-template-columns:auto 1fr 1fr}.teacher-controls .question-launch{color:var(--navy);border-color:var(--lime);background:var(--lime)}.hall-card,.question-control-card{padding:15px;background:var(--paper);border:1px solid #dddeda;border-radius:14px}.question-selector{margin-top:10px;display:flex;flex-direction:column;gap:5px}.question-selector button{padding:7px;border:1px solid #e1e2df;border-radius:7px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;background:white;text-align:left}.question-selector button>span{width:24px;height:24px;display:grid;place-items:center;color:var(--navy);background:#e8eae7;border-radius:5px;font:900 8px Arial}.question-selector button>p{min-width:0;margin:0;display:flex;flex-direction:column}.question-selector button p b{font-size:7px}.question-selector button p small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#898f99;font-size:7px}.question-selector button>em{color:var(--coral);font:900 8px Arial;font-style:normal}.question-selector button.active{border-color:var(--coral);background:#fff5f1}.question-selector button.active>span{color:white;background:var(--coral)}.hall-card ol{margin:12px 0 0;padding:0;list-style:none}.hall-card li{min-height:43px;display:flex;align-items:center;gap:7px;border-top:1px solid #e9eae7}.hall-card li>b{width:15px;color:var(--coral);font:900 9px Arial}.hall-card li>i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:7px;font-weight:900;font-style:normal}.hall-card li>p{flex:1;margin:0;display:flex;flex-direction:column}.hall-card li p strong{font-size:8px}.hall-card li p small{color:#9499a2;font-size:6px}.hall-card li>em{font:900 10px Arial;font-style:normal}.storage-note{margin:8px 0 0;color:#9a9fa7;font-size:6px;line-height:1.5}.event-notice{margin:10px 0 -1px;padding:8px 10px;border-left:4px solid var(--coral);border-radius:5px;font-size:8px;animation:notice-in .35s ease both}.event-notice,.question-preview{color:var(--navy);background:var(--lime);font-weight:900}.question-preview{width:100%;margin:15px 0 9px;padding:11px;border:0;border-radius:8px;display:flex;justify-content:space-between;font-size:9px;box-shadow:0 4px 0 #9ec930}.question-backdrop{background:rgba(7,13,27,.86)}.question-modal{width:min(580px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:26px;color:var(--ink);background:var(--paper);border:3px solid var(--lime);border-radius:18px 8px 18px 8px;box-shadow:14px 16px 0 var(--coral),0 30px 90px rgba(0,0,0,.5);animation:question-arrive .35s cubic-bezier(.2,1.2,.3,1) both}.question-modal header{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px}.question-modal header>span{width:44px;height:50px;display:grid;place-items:center;color:var(--navy);background:var(--lime);border-radius:8px;font:900 23px Arial;transform:rotate(-5deg);box-shadow:4px 5px 0 var(--coral)}.question-modal header>div{display:flex;flex-direction:column}.question-modal header small{color:#8a909b;font:900 7px Arial;letter-spacing:.11em}.question-modal header strong{font-size:16px}.question-modal header time{color:var(--coral);font:900 18px Arial}.question-type{margin:20px 0 13px;display:flex;align-items:center;gap:7px}.question-type b{padding:5px 7px;color:white;background:var(--navy);border-radius:5px;font-size:8px}.question-type span{flex:1;color:#7e8490;font-size:8px}.question-type em{color:var(--coral);font:900 11px Arial;font-style:normal}.question-modal>h2{margin:0 0 20px;font-size:24px;line-height:1.45;letter-spacing:-.04em}.question-modal label{display:block;margin-top:12px}.question-modal label>span{margin-bottom:6px;display:block;color:#656d7b;font-size:9px;font-weight:800}.question-modal input,.question-modal textarea{width:100%;padding:12px;border:1px solid #d5d8dd;border-radius:8px;color:var(--ink);background:white;font-size:11px;resize:vertical}.answer-submit{width:100%;margin-top:16px;padding:13px;border:0;border-radius:8px;color:white;background:var(--coral);font-size:11px;font-weight:900;box-shadow:0 5px 0 #ca4d32}.answer-submit:disabled{opacity:.45}.privacy-note{margin:10px 0 0;color:#999ea7;font-size:7px}.answer-result,.privacy-note{text-align:center}.answer-result>span{padding:5px 9px;display:inline-block;color:var(--navy);background:var(--lime);border-radius:5px;font-size:9px;font-weight:900}.answer-result h2{margin:14px 0;font-size:24px}.answer-result h2 em{color:var(--coral);font-style:normal}.rate-ring{width:130px;height:130px;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:14px solid var(--lime);border-right-color:var(--coral);border-radius:50%;transform:rotate(-8deg)}.rate-ring small,.rate-ring strong{transform:rotate(8deg)}.rate-ring strong{font:900 31px Arial}.rate-ring small{color:#858b96;font-size:8px}.answer-result>p{color:#606978;font-size:10px}.mail-result{margin:14px 0;padding:10px;color:#546071;background:#eef0ed;border-radius:7px;font-size:8px;font-weight:800}.answer-result>button{padding:11px 20px;border:0;border-radius:8px;color:white;background:var(--navy);font-size:10px;font-weight:900}@keyframes item-bounce{0%,to{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(6deg)}}@keyframes piece-hop{0%,to{transform:translate(-50%,-50%)}45%{transform:translate(-50%,calc(-50% - 9px)) scale(1.12)}}@keyframes question-arrive{0%{opacity:0;transform:translateY(30px) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes slow-spin{to{transform:rotate(1turn)}}@keyframes node-pop{0%,to{box-shadow:0 0 0 3px rgba(255,244,222,.05)}50%{box-shadow:0 0 0 5px rgba(85,200,255,.09)}}@media(max-width:1100px){.teacher-side{grid-template-columns:1fr 1fr}.activity-card{grid-column:1/3}.board-legend{display:none}}@media(max-width:760px){.gate-v2{background-position:68%;background-attachment:scroll}.gate-v2 .gate-hero{gap:70px}.gate-v2 .hero-copy h1{font-size:52px}.energy-tags{margin-block:17px}.hall-preview{grid-template-columns:1fr}.hall-preview>small{grid-column:auto}.hall-preview>span{grid-template-columns:14px 23px 1fr auto;grid-template-rows:1fr}.hall-preview>span>b,.hall-preview>span>i{grid-row:auto}.hall-preview>span>em{grid-column:4}.teacher-side{grid-template-columns:1fr}.activity-card{grid-column:auto}.teacher-controls{grid-template-columns:1fr 1fr}.teacher-controls .primary{grid-column:1/3}.board-item,.board-item.rare{transform:scale(.72) rotate(-7deg)}.question-modal{padding:21px 15px;box-shadow:7px 8px 0 var(--coral)}.question-modal>h2{font-size:20px}.question-modal header time{font-size:14px}}.throw-card{--flight-blue:#55c8ff;--flight-lime:#c7ff4a}.throw-card.charging{box-shadow:inset 0 0 0 2px rgba(199,255,74,.55),0 18px 42px rgba(13,21,40,.12)}.throw-card.tossing{animation:arena-shake .42s ease-out 2}.throw-arena{height:300px;isolation:isolate;perspective:900px;background:radial-gradient(circle at 50% 83%,rgba(85,200,255,.25),transparent 28%),linear-gradient(180deg,#10192f,#172a49 72%,#0d172b);box-shadow:inset 0 -18px 45px rgba(0,0,0,.28)}.throw-arena:after{content:"";position:absolute;z-index:0;left:18%;right:18%;bottom:24px;height:30px;border-radius:50%;background:rgba(70,190,255,.2);filter:blur(10px);transform:rotateX(62deg)}.throw-card.charging .throw-arena{background:radial-gradient(circle at 50% 68%,rgba(199,255,74,.17),transparent 30%),linear-gradient(180deg,#10192f,#1a3150 72%,#0d172b)}.motion-ring{z-index:1;animation:ring-breathe 1.3s ease-in-out infinite}.throw-card.charging .motion-ring{border-color:rgba(199,255,74,.18);transform:skewX(-18deg) scale(1.16)}.sticks{z-index:4;transform-style:preserve-3d;transform:rotate(calc(var(--spin) * .08))}.sticks i{overflow:visible;backface-visibility:visible}.sticks i.marked{border-color:#ffdc56;box-shadow:7px 10px 13px rgba(0,0,0,.32),0 0 0 2px rgba(255,220,86,.28)}.backdo-mark{position:absolute;left:50%;bottom:15px;display:grid;place-items:center;min-width:25px;padding:4px 3px 3px;border-radius:8px;background:#17223b;color:#ffdc56;font:1000 14px/1 Arial,sans-serif;transform:translateX(-50%);box-shadow:0 3px 8px rgba(0,0,0,.28)}.backdo-mark small{display:block;margin-bottom:2px;color:white;font:900 6px/1 Arial,sans-serif;letter-spacing:-.05em}.sticks.tossing i{--flight-x:0px;animation:yut-super-toss var(--flight-duration) cubic-bezier(.18,.78,.26,1) both;animation-delay:calc(var(--i) * 34ms)}.sticks.tossing i:first-child{--flight-x:-58px}.sticks.tossing i:nth-child(2){--flight-x:-18px}.sticks.tossing i:nth-child(3){--flight-x:24px}.sticks.tossing i:nth-child(4){--flight-x:62px}.sticks.backdo-hit .marked{animation:backdo-flash .7s ease-in-out 2}.height-gauge{position:absolute;z-index:6;left:13px;top:18px;bottom:19px;width:44px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:7px;color:white}.height-gauge>span{color:var(--flight-lime);font:900 6px Arial,sans-serif;letter-spacing:.12em}.height-gauge>div{width:9px;min-height:0;position:relative;overflow:hidden;display:flex;align-items:end;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.08)}.height-gauge>div>i{width:100%;display:block;border-radius:inherit;background:linear-gradient(0deg,#f1632b 0,#ffc13a 48%,var(--flight-lime) 100%);box-shadow:0 0 13px rgba(199,255,74,.65);transition:height 45ms linear}.height-gauge>b{color:var(--flight-blue);font:1000 10px Arial,sans-serif}.height-gauge>b small{margin-left:1px;color:rgba(255,255,255,.65);font-size:6px}.flight-trails{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.flight-trails i{position:absolute;bottom:38px;width:3px;height:130px;border-radius:50%;background:linear-gradient(0deg,transparent,rgba(85,200,255,.65),transparent);opacity:0;transform:rotate(14deg)}.flight-trails i:first-child{left:35%}.flight-trails i:nth-child(2){left:53%;height:170px;transform:rotate(-7deg)}.flight-trails i:nth-child(3){left:68%;height:115px;transform:rotate(-19deg)}.throw-card.tossing .flight-trails i{animation:trail-rise .62s ease-out both}.throw-card.tossing .flight-trails i:nth-child(2){animation-delay:.08s}.throw-card.tossing .flight-trails i:nth-child(3){animation-delay:.14s}.air-burst{position:absolute;z-index:3;width:150px;height:150px;border:4px solid rgba(199,255,74,.36);border-radius:50%;animation:air-pop .65s ease-out infinite}.impact-wave{position:absolute;z-index:2;left:50%;bottom:30px;width:110px;height:30px;border:3px solid rgba(85,200,255,.7);border-radius:50%;transform:translateX(-50%);animation:impact-ring .65s ease-out both}.result-burst{z-index:7}.result-burst.backdo{color:white;background:#f15f36;border-color:white;box-shadow:0 0 0 3px #f15f36,0 12px 30px rgba(241,95,54,.42)}.result-burst.backdo span{font-size:21px}.power-meter{height:18px;overflow:hidden;border-radius:999px;background:#dfe4e6}.power-meter>i{border-radius:inherit;background:linear-gradient(90deg,#f15f36,#ffc13a 56%,#c7ff4a);box-shadow:0 0 12px rgba(199,255,74,.6)}.sweet-zone{width:28%;right:5%;top:-1px;height:14px;border-radius:999px;color:white;background:rgba(23,34,59,.72);border-color:var(--flight-lime);letter-spacing:.04em}.throw-card.charging .meter-label b{animation:number-pulse .36s ease-in-out infinite alternate}.backdo-guide{margin:10px 0 0;padding:8px 10px;border-radius:9px;color:#717987;background:#f0f2ef;font-size:8px;line-height:1.45}.backdo-guide b{margin-right:5px;color:#e9542e}@keyframes yut-super-toss{0%{transform:translateZ(0) rotate(calc((var(--i) - 1.5) * 8deg)) rotateX(0);filter:brightness(1)}18%{transform:translate3d(calc(var(--flight-x) * .35),calc(var(--throw-height) * -.48),70px) rotate(calc(120deg + var(--i) * 35deg)) rotateX(150deg)}48%{transform:translate3d(var(--flight-x),calc(var(--throw-height) * -1),125px) rotate(calc(var(--spin) * 2 + var(--i) * 85deg)) rotateX(490deg) scale(1.13);filter:brightness(1.25)}72%{transform:translate3d(calc(var(--flight-x) * .62),calc(var(--throw-height) * -.45),45px) rotate(calc(var(--spin) * 3 + var(--i) * 120deg)) rotateX(760deg)}90%{transform:translate3d(calc(var(--flight-x) * .15),7px,0) rotate(calc(var(--i) * -11deg)) rotateX(850deg) scaleY(.92)}to{transform:translateZ(0) rotate(calc((var(--i) - 1.5) * -7deg)) rotateX(900deg);filter:brightness(1)}}@keyframes arena-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-.15deg)}75%{transform:translateX(3px) rotate(.15deg)}}@keyframes ring-breathe{0%,to{opacity:.55;transform:skewX(-18deg) scale(.92)}50%{opacity:1;transform:skewX(-18deg) scale(1.08)}}@keyframes trail-rise{0%{opacity:0;transform:translateY(40px) scaleY(.2)}35%{opacity:1}to{opacity:0;transform:translateY(-130px) scaleY(1.3)}}@keyframes air-pop{0%{opacity:.75;transform:scale(.35)}to{opacity:0;transform:scale(1.35)}}@keyframes impact-ring{0%{opacity:1;transform:translateX(-50%) scale(.25)}to{opacity:0;transform:translateX(-50%) scale(2.1)}}@keyframes backdo-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.45) drop-shadow(0 0 12px #ffdc56)}}@keyframes number-pulse{to{transform:scale(1.08);color:#e84924}}@media (max-width:760px){.throw-arena{height:305px}.sticks{transform:scale(.88) rotate(calc(var(--spin) * .08))}.height-gauge{left:9px;width:38px}.backdo-guide{font-size:9px}}@media (max-width:390px){.sticks{transform:scale(.79) rotate(calc(var(--spin) * .08))}.height-gauge{opacity:.92}.meter-label b{font-size:12px}}@media (prefers-reduced-motion:reduce){.sticks.tossing i{animation-name:toss}.air-burst,.flight-trails i,.impact-wave,.throw-card.tossing{animation:none!important}}.broadcast-overview{max-width:1450px;margin:16px auto 0;padding:16px 3vw;color:white;background:linear-gradient(125deg,#111b31,#24385b);border-radius:16px;box-shadow:0 16px 38px rgba(17,27,49,.18)}.broadcast-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.broadcast-title span{display:flex;flex-direction:column}.broadcast-title small{color:#72d4ff;font:900 7px Arial,sans-serif;letter-spacing:.15em}.broadcast-title strong{margin-top:3px;font-size:17px}.broadcast-title>b{padding:7px 10px;border-radius:999px;color:#c7ff4a;background:rgba(255,255,255,.08);font-size:8px}.broadcast-title>b i{width:7px;height:7px;display:inline-block;margin-right:4px;border-radius:50%;background:#c7ff4a;box-shadow:0 0 0 5px rgba(199,255,74,.12)}.team-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.team-control-grid article{min-width:0;padding:10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.06)}.team-control-grid article.recent{border-color:#c7ff4a;background:rgba(199,255,74,.1);box-shadow:0 0 0 2px rgba(199,255,74,.08)}.team-control-grid article>i{width:32px;height:32px;display:grid;place-items:center;border:2px solid white;border-radius:50%;color:white;font-size:8px;font-style:normal;font-weight:900}.team-control-grid article>p{min-width:0;margin:0;display:flex;flex-direction:column}.team-control-grid article>p strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.team-control-grid article>p small{margin-top:2px;overflow:hidden;color:#aebbd0;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.team-control-grid article>div{display:grid;grid-template-columns:25px 28px 25px;align-items:center}.team-control-grid article>div button{width:25px;height:25px;padding:0;border:1px solid rgba(255,255,255,.18);color:white;background:rgba(255,255,255,.08);font-size:14px;cursor:pointer}.team-control-grid article>div button:first-child{border-radius:7px 0 0 7px}.team-control-grid article>div button:last-child{border-radius:0 7px 7px 0}.team-control-grid article>div b{height:25px;display:grid;place-items:center;color:#17223b;background:#c7ff4a;font:900 9px Arial,sans-serif}.item-standby{border:1px solid rgba(85,200,255,.32)}.item-standby>span{color:white;background:#5b6576}.item-standby>b{color:#7e8794}.broadcast-mode .channel-strip{display:none}.broadcast-mode .broadcast-overview{max-width:none;margin:0;border-radius:0}.broadcast-mode .teacher-layout{max-width:none;grid-template-columns:1fr;padding-top:12px}.broadcast-mode .teacher-side{display:none}.broadcast-mode .board-stage{min-height:calc(100vh - 315px)}.broadcast-mode .yut-board{width:min(650px,72vh)}button.team-piece{padding:0;font-family:inherit;cursor:pointer}.student-board-card.move-ready{border-color:#55c8ff;box-shadow:0 0 0 3px rgba(85,200,255,.12),0 16px 40px rgba(13,21,40,.16)}.student-board-card.move-ready .team-piece.active{cursor:pointer;animation:piece-ready .72s ease-in-out infinite alternate}.move-controller{min-height:66px;padding:10px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;border:1px solid #e0e3e4;border-radius:10px;background:#f3f4f1}.move-controller.ready{grid-template-columns:42px 1fr auto;border-color:#55c8ff;background:#effaff}.move-result{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:white;background:#f1632b;font:400 17px Black Han Sans,sans-serif;transform:rotate(-3deg)}.move-result.standby{color:#17223b;background:#dfe4e7;font-size:11px;font-family:inherit;font-weight:900}.move-controller p{min-width:0;margin:0;display:flex;flex-direction:column}.move-controller p small{color:#7f8994;font-size:7px}.move-controller p strong{margin-top:2px;font-size:11px}.move-controller p em{margin-top:2px;color:#e8522c;font-size:8px;font-style:normal;font-weight:900}.move-controller>button{min-height:42px;padding:0 12px;border:0;border-radius:9px;color:white;background:#17223b;font-size:9px;font-weight:900;cursor:pointer}.move-controller>button b{margin-left:6px;color:#c7ff4a}.item-trigger-note{margin-top:8px;padding:8px;display:flex;align-items:center;gap:8px;border-radius:9px;color:white;background:#17223b}.item-trigger-note>b{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#17223b;background:#c7ff4a;font:900 10px Arial,sans-serif}.item-trigger-note>span{display:flex;flex-direction:column}.item-trigger-note strong{font-size:8px}.item-trigger-note small{margin-top:2px;color:#9facc0;font-size:7px}.team-chat{display:flex;flex-direction:column;min-height:510px}.chat-messages{flex:1;min-height:280px;max-height:390px;margin:13px 0 9px;padding:3px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-messages>div{display:grid;grid-template-columns:25px 1fr;align-items:start;gap:6px}.chat-messages>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#17223b;background:#dce3eb;font-size:7px;font-weight:900}.chat-messages>div>p{min-width:0;margin:0;display:grid;grid-template-columns:1fr auto;gap:2px 5px}.chat-messages p b{color:#7d8794;font-size:7px}.chat-messages p strong{grid-column:1/3;padding:7px 8px;border-radius:3px 9px 9px 9px;color:#394250;background:#eef1f2;font-size:8px;line-height:1.45;word-break:break-word}.chat-messages p small{color:#a3a9b1;font-size:6px}.chat-messages>div.mine{grid-template-columns:1fr 25px}.chat-messages>div.mine>span{grid-column:2;background:#55c8ff}.chat-messages>div.mine>p{grid-column:1;grid-row:1;text-align:right}.chat-messages>div.mine p strong{color:#17223b;background:#dff7ff;border-radius:9px 3px 9px 9px}.chat-compose{display:grid;grid-template-columns:1fr 48px;gap:6px}.chat-compose input{min-width:0;height:38px;padding:0 10px;border:1px solid #dce0e3;border-radius:9px;color:#303947;background:white;font-size:9px}.chat-compose button{border:0;border-radius:9px;color:#17223b;background:#c7ff4a;font-size:8px;font-weight:900;cursor:pointer}.chat-compose button:disabled{opacity:.45;cursor:default}.compact-lock{margin-top:10px;padding:8px}@keyframes piece-ready{to{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 0 8px rgba(85,200,255,.2),0 7px 15px rgba(0,0,0,.48)}}@media (max-width:1100px){.team-control-grid{grid-template-columns:repeat(2,1fr)}.team-chat{grid-column:1/3;min-height:360px}.chat-messages{min-height:150px;max-height:220px}}@media (max-width:760px){.broadcast-overview{margin-top:10px;padding:12px;border-radius:0}.team-control-grid{grid-template-columns:1fr 1fr;gap:6px}.team-control-grid article{grid-template-columns:28px 1fr;padding:8px}.team-control-grid article>i{width:27px;height:27px}.team-control-grid article>div{grid-column:1/3;grid-template-columns:1fr 38px 1fr}.team-control-grid article>div button{width:auto}.move-controller.ready{grid-template-columns:40px 1fr}.move-controller>button{grid-column:1/3}.team-chat{grid-column:auto;min-height:390px}.chat-messages{max-height:230px}.broadcast-mode .board-stage{min-height:auto;aspect-ratio:.82}}@media (max-width:390px){.broadcast-title>b{display:none}.team-control-grid{grid-template-columns:1fr}.team-control-grid article>div{grid-column:auto;grid-template-columns:24px 28px 24px}.team-control-grid article{grid-template-columns:28px 1fr auto}}@media (prefers-reduced-motion:reduce){.student-board-card.move-ready .team-piece.active{animation:none}}.student-game.board-focus-layout{width:min(100%,1320px);max-width:1320px;grid-template-columns:minmax(560px,1fr) 310px;gap:18px;padding:20px}.student-board-card.board-focus{min-width:0;padding:20px}.student-board-card.board-focus .yut-board{width:min(100%,680px);max-width:680px;margin:18px auto;box-shadow:0 20px 54px rgba(4,10,24,.28)}.student-board-card.board-focus .board-node{width:15px;height:15px;border-width:2px}.student-board-card.board-focus .board-node.major{width:25px;height:25px;border-width:3px}.student-board-card.board-focus .board-node b{width:19px;height:19px;font-size:7px}.student-board-card.board-focus .team-piece{width:27px;height:27px;border-width:3px;font-size:7px;transition:left .24s cubic-bezier(.2,.9,.25,1),top .24s cubic-bezier(.2,.9,.25,1)}.student-board-card.board-focus .team-piece.active{width:35px;height:35px}.student-board-card.board-focus .board-center{width:76px;height:76px;border-width:5px}.student-board-card.board-focus .board-center strong{font-size:25px}.student-board-card.board-focus .board-center small,.student-board-card.board-focus .board-center span{font-size:6px}.student-board-card.piece-moving .team-piece.active{animation:board-piece-running .28s cubic-bezier(.2,1.4,.4,1) infinite alternate;box-shadow:0 0 0 8px rgba(85,200,255,.2),0 10px 20px rgba(4,12,30,.55)}.move-result.moving{color:#0d1528;background:var(--lime)}.open-throw-screen{width:100%;min-height:66px;margin:12px 0;padding:13px 17px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(110deg,#ed572f 0 64%,#ff774e 64%);box-shadow:0 7px 0 #bc3e24,0 13px 25px rgba(225,73,39,.24);font-weight:900}.open-throw-screen span{font:400 24px Black Han Sans,sans-serif}.open-throw-screen b{font-size:11px}.open-throw-screen:disabled{opacity:.58;box-shadow:0 5px 0 #8b929d;background:#a8aeb8}.board-chat{min-height:650px;display:flex;flex-direction:column}.board-chat .chat-messages{flex:1;max-height:none}.throw-screen{position:fixed;z-index:70;inset:0;min-height:100dvh;padding:18px;overflow-y:auto;display:grid;place-items:center;color:white;background:radial-gradient(circle at 50% 48%,rgba(85,200,255,.18),transparent 32%),radial-gradient(circle at 80% 12%,rgba(199,255,74,.11),transparent 25%),#071022;animation:throw-screen-in .24s ease-out both}.throw-screen:after,.throw-screen:before{content:"";position:fixed;width:42vw;height:42vw;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}.throw-screen:before{left:-20vw;top:-18vw}.throw-screen:after{right:-21vw;bottom:-20vw}.throw-action-stage{width:min(760px,100%);padding:20px 24px 24px;color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 0 1px rgba(85,200,255,.13)}.throw-screen-top{margin:-4px 0 15px;display:flex;align-items:center;justify-content:space-between}.throw-screen-top button{padding:8px 11px;border:1px solid #d9dde3;border-radius:8px;color:#596476;background:white;font-size:9px;font-weight:900}.throw-screen-top button:disabled{opacity:.35}.throw-screen-top span{color:#8a929f;font:900 8px Arial,sans-serif;letter-spacing:.14em}.throw-action-stage .throw-heading h1{font-size:clamp(24px,4vw,38px)}.throw-action-stage .throw-arena{height:min(48vh,440px);min-height:330px}.throw-action-stage .sticks{transform:scale(1.34) rotate(calc(var(--spin) * .08))}.throw-action-stage .result-burst{width:106px;height:106px;right:28px;top:24px}.throw-action-stage .result-burst span{font-size:44px}.throw-action-stage .result-burst small{font-size:8px}.throw-action-stage .hold-button{min-height:66px;font-size:15px}.return-to-board{width:100%;min-height:72px;padding:12px 18px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;color:var(--navy);background:var(--lime);box-shadow:0 7px 0 #8fb62e;text-align:left}.return-to-board span{font-size:13px}.return-to-board span b{color:var(--coral);font:400 25px Black Han Sans,sans-serif}.return-to-board strong{font-size:11px}@keyframes throw-screen-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes board-piece-running{0%{transform:translate(-50%,-50%) scale(.92) rotate(-5deg)}to{transform:translate(-50%,calc(-50% - 11px)) scale(1.13) rotate(5deg)}}@media (max-width:900px){.student-game.board-focus-layout{grid-template-columns:1fr}.board-chat{min-height:380px}}@media (max-width:760px){.student-game.board-focus-layout{padding:10px}.student-board-card.board-focus{order:1;padding:13px}.student-board-card.board-focus .yut-board{width:100%;max-width:560px}.student-board-card.board-focus .team-piece{width:22px;height:22px}.student-board-card.board-focus .team-piece.active{width:29px;height:29px}.board-chat{order:2}.open-throw-screen span{font-size:20px}.throw-screen{padding:0;place-items:stretch}.throw-action-stage{min-height:100dvh;width:100%;padding:15px;border:0;border-radius:0;display:flex;flex-direction:column}.throw-action-stage .throw-arena{flex:1;height:auto;min-height:330px;max-height:480px}.throw-action-stage .sticks{transform:scale(1.05) rotate(calc(var(--spin) * .08))}.throw-action-stage .result-burst{width:88px;height:88px;right:16px}.throw-action-stage .result-burst span{font-size:36px}.throw-screen-top span{font-size:7px}.return-to-board{min-height:68px}}@media (max-width:390px){.student-board-card.board-focus .board-node{width:11px;height:11px}.student-board-card.board-focus .board-node.major{width:19px;height:19px}.student-board-card.board-focus .board-node b{width:15px;height:15px;font-size:5px}.student-board-card.board-focus .team-piece{width:19px;height:19px}.student-board-card.board-focus .team-piece.active{width:25px;height:25px}.throw-action-stage .throw-heading h1{font-size:22px}.throw-action-stage .throw-arena{min-height:300px}}@media (prefers-reduced-motion:reduce){.student-board-card.piece-moving .team-piece.active,.throw-screen{animation:none}}.invite-arrival{margin:11px 0 2px;padding:10px 12px;display:flex;flex-direction:column;border:1px solid rgba(85,200,255,.42);border-radius:10px;color:#17223b;background:#eefdff}.invite-arrival b{font-size:10px}.invite-arrival span{margin-top:2px;color:#5e6d7b;font-size:8px}.dash-actions .invite-button{color:#17223b;border-color:#c7ff4a;background:#c7ff4a}.invite-backdrop{z-index:50}.channel-invite-modal{width:min(850px,100%);max-height:calc(100vh - 34px);overflow:auto;padding:28px;position:relative;color:#17223b;background:#fffdf7;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.channel-invite-modal h2{margin:6px 0 3px;font-size:25px;letter-spacing:-.04em}.channel-invite-modal>p{margin:0;color:#737e8b;font-size:10px}.invite-device-grid{margin:17px 0 13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.invite-device-grid article{padding:11px 13px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;border-radius:11px;background:#f0f2ef}.invite-device-grid article:first-child{background:#ecfaff}.invite-device-grid article>span{grid-row:1/3;padding:6px 8px;border-radius:7px;color:white;background:#17223b;font-size:8px;font-weight:900}.invite-device-grid article:first-child>span{color:#17223b;background:#55c8ff}.invite-device-grid b{font-size:10px}.invite-device-grid small{color:#7b8692;font-size:7px}.invite-share-body{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:stretch}.qr-card{padding:18px;display:grid;place-items:center;align-content:center;border-radius:16px;color:white;background:linear-gradient(145deg,#111b31,#253a5c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.qr-card canvas{width:min(220px,100%)!important;height:auto!important;padding:3px;border-radius:11px;background:#fffdf7;box-shadow:0 12px 28px rgba(0,0,0,.26)}.qr-card>span{margin-top:10px;color:#c7ff4a;font:900 8px Arial,sans-serif;letter-spacing:.12em}.invite-link-panel{padding:4px 0;display:flex;flex-direction:column;gap:10px}.invite-link-panel label>span{display:block;margin-bottom:5px;color:#65717d;font-size:8px;font-weight:900}.invite-link-panel label>div{display:grid;grid-template-columns:1fr 78px}.invite-link-panel input{min-width:0;height:44px;padding:0 11px;border:1px solid #d9dee1;border-radius:9px 0 0 9px;color:#43505d;background:white;font-size:9px}.invite-link-panel label button{border:0;border-radius:0 9px 9px 0;color:#17223b;background:#c7ff4a;font-size:8px;font-weight:900;cursor:pointer}.invite-code{min-height:64px;padding:10px 13px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #dfe3e5;border-radius:11px;background:#f7f8f5}.invite-code span{color:#7c8792;font-size:8px;font-weight:900}.invite-code strong{grid-row:1/3;grid-column:2;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:white;background:#f1632b;font:900 21px Arial,sans-serif;transform:rotate(2deg)}.invite-code small{color:#17223b;font-size:9px;font-weight:800}.copy-qr,.share-all{min-height:43px;border-radius:10px;font-size:9px;font-weight:900;cursor:pointer}.copy-qr{border:1px solid #ced5da;color:#4f5d69;background:white}.share-all{border:0;color:white;background:#17223b;box-shadow:0 5px 0 #0a1120}.share-all:after{content:"  →";color:#c7ff4a}.share-status{margin:0;padding:7px 9px;border-radius:8px;color:#2f5d20!important;background:#efffdf;font-size:8px!important;font-weight:800}.invite-footnote{margin-top:14px!important;padding-top:11px;border-top:1px solid #e4e5e3;text-align:center;font-size:8px!important}@media (max-width:760px){.channel-invite-modal{padding:24px 16px 18px;border-radius:16px}.channel-invite-modal h2{font-size:21px}.invite-device-grid,.invite-share-body{grid-template-columns:1fr}.invite-share-body{gap:13px}.qr-card{padding:14px}.qr-card canvas{width:min(205px,70vw)!important}.invite-link-panel{padding:0}}@media (max-width:390px){.invite-device-grid article{grid-template-columns:auto 1fr}.invite-link-panel label>div{grid-template-columns:1fr 68px}}body,html{font-size:16px}button,input,select,textarea{font-size:15px!important}small{font-size:12px!important;line-height:1.45}.demo-hint,.energy-tags span,.eyebrow,.field-label>span,.gate-footer,.hall-preview>span>em,.hall-preview>span>strong{font-size:13px!important}.hero-lead{font-size:16px!important;line-height:1.75}.hall-preview>span>b{font-size:15px!important}.hall-preview>span>i{width:30px;height:30px;font-size:12px!important}.channel-pick button,.enter-button,.field-label input,.role-tabs button{font-size:16px!important}.field-label input{min-height:48px}.channel-grid button>b,.channel-grid button>small,.channel-title strong,.control-bar p small,.dash-actions button:not(.exit-link),.dash-actions>span,.dash-room,.dash-room b,.go-control,.pause-control,.progress-step small,.turn-box{font-size:13px!important}.control-bar p strong{font-size:18px!important}.progress-step span{width:34px;height:34px;font-size:13px!important}.section-heading h2{font-size:25px!important}.activity-card li>span,.card-title>b,.card-title>button,.question-chips small,.ranking-card li p small,.section-heading>span,.storage-note{font-size:12px!important}.activity-card li p,.card-title strong,.question-chips b,.question-chips span,.ranking-card li p strong,.ranking-card li>b,.teacher-controls button{font-size:14px!important}.question-selector button p b,.question-selector button p small,.question-selector button>em,.question-selector button>span{font-size:13px!important}.question-selector button{min-height:54px;grid-template-columns:34px 1fr auto}.question-selector button>span{width:32px;height:32px}.broadcast-title small,.broadcast-title>b,.team-control-grid article>p small{font-size:12px!important}.broadcast-title strong{font-size:22px!important}.team-control-grid article>i{width:40px;height:40px;font-size:13px!important}.team-control-grid article>div b,.team-control-grid article>p strong{font-size:14px!important}.team-control-grid article>div{grid-template-columns:34px 40px 34px}.team-control-grid article>div button{width:34px;height:34px;font-size:20px!important}.team-control-grid article>div b{height:34px}.board-line{left:-6.57%;width:113.14%;height:3px;background:rgba(255,244,222,.52)}.board-grid{border-width:3px;border-color:rgba(255,244,222,.55)}.board-node{width:22px;height:22px;border-width:3px;box-shadow:0 0 0 5px rgba(255,244,222,.07),0 5px 12px rgba(0,0,0,.28)}.board-node.major{width:38px;height:38px;border-width:4px}.board-node b{width:25px;height:25px;font-size:12px!important}.board-node small{top:35px;font-size:13px!important;font-weight:900}.team-piece{width:34px;height:34px;font-size:12px!important}.team-piece.active{width:43px;height:43px}.board-center small,.board-center span{font-size:12px!important}.board-center{width:92px;height:92px}.board-center strong{font-size:30px}.board-legend{gap:8px;font-size:12px!important}.board-legend i{width:24px;height:27px;font-size:12px!important}.board-item{width:32px!important;height:38px!important;font-size:16px!important}.board-item.rare{width:38px!important;height:45px!important}.board-item em{min-width:27px;padding:3px 5px;right:-18px;top:-12px;font-size:11px!important}.start-direction{position:absolute;z-index:8;left:80%;top:88%;min-width:76px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:white;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.start-direction b{color:var(--lime);font:1000 38px/.7 Arial,sans-serif}.start-direction small{margin-top:7px;padding:3px 7px;border-radius:99px;color:var(--navy);background:var(--lime);font-size:11px!important;font-weight:1000;white-space:nowrap}.start-label{color:white!important;background:var(--coral);padding:4px 7px;border-radius:6px}.student-header>div>button,.student-header>div>span,.student-turn small,.student-turn>span{font-size:14px!important}.student-turn strong{font-size:20px!important}.student-turn time{font-size:24px!important}.mobile-card-head small{font-size:13px!important}.mobile-card-head strong{font-size:19px!important}.mobile-card-head>b{padding:7px 10px;font-size:14px!important}.student-board-card.board-focus .board-node{width:22px;height:22px;border-width:3px}.student-board-card.board-focus .board-node.major{width:36px;height:36px;border-width:4px}.student-board-card.board-focus .board-node b{width:27px;height:27px;font-size:13px!important}.student-board-card.board-focus .team-piece{width:34px;height:34px;font-size:12px!important}.student-board-card.board-focus .team-piece.active{width:44px;height:44px}.student-board-card.board-focus .board-center{width:96px;height:96px}.student-board-card.board-focus .board-center strong{font-size:32px}.student-board-card.board-focus .board-center small,.student-board-card.board-focus .board-center span{font-size:12px!important}.move-controller{min-height:92px;grid-template-columns:58px 1fr;gap:13px;padding:14px}.move-controller.ready{grid-template-columns:58px 1fr auto}.move-result{width:56px;height:56px;font-size:23px!important}.move-result.standby{font-size:15px!important}.move-controller p small{font-size:13px!important}.move-controller p strong{font-size:17px!important}.move-controller p em{font-size:14px!important}.move-controller>button{min-height:52px;padding:0 17px;font-size:16px!important}.item-trigger-note{padding:12px;gap:12px}.item-trigger-note>b{width:38px;height:38px;font-size:16px!important}.item-trigger-note strong{font-size:15px!important}.item-trigger-note small{font-size:13px!important}.open-throw-screen b{font-size:14px!important}.chat-messages>div{grid-template-columns:36px 1fr;gap:9px}.chat-messages>div>span{width:36px;height:36px}.chat-messages p b,.chat-messages>div>span{font-size:13px!important}.chat-messages p strong{padding:10px 12px;font-size:15px!important;line-height:1.55}.chat-messages p small{font-size:11px!important}.chat-messages>div.mine{grid-template-columns:1fr 36px}.chat-compose{grid-template-columns:1fr 64px}.chat-compose input{height:50px}.chat-compose button,.chat-compose input{font-size:15px!important}.answer-result>span,.mail-result,.modal-label,.privacy-note,.question-modal header small,.question-modal label>span,.question-type b,.question-type span,.setting-modal label>span{font-size:13px!important}.modal-actions button,.setting-modal>p,.tile-select button{font-size:15px!important}.question-modal input,.question-modal textarea,.setting-modal input,.setting-modal select,.setting-modal textarea{font-size:16px!important}.question-modal header strong{font-size:20px!important}.question-type em{font-size:15px!important}.question-modal>h2{font-size:27px!important}.answer-result>button,.answer-submit,.copy-prompt{min-height:48px;font-size:16px!important}.gemini-prompt label,.gemini-prompt>span,.image-upload b,.image-upload>span,.item-lock,.item-only-note{font-size:15px!important}.channel-invite-modal>p,.invite-arrival b,.invite-arrival span,.invite-code small,.invite-code span,.invite-device-grid article>span,.invite-device-grid b,.invite-device-grid small,.invite-footnote,.invite-link-panel label>span,.qr-card>span,.share-status{font-size:13px!important}.copy-qr,.invite-link-panel input,.invite-link-panel label button,.share-all{font-size:15px!important}.dimensional-sticks{width:320px;height:225px;perspective:1100px}.dimensional-sticks i{width:42px;height:168px;left:calc(28px + var(--i) * 68px);top:16px;overflow:visible;border:3px solid #9a5c28;border-radius:23px;transform-style:preserve-3d;color:#623611;background:linear-gradient(90deg,rgba(255,255,255,.5),transparent 21%,transparent 73%,rgba(118,61,18,.22)),linear-gradient(180deg,#ffe0a1,#eeb368 52%,#d89249);box-shadow:inset 7px 0 9px rgba(255,255,255,.35),inset -8px -3px 10px rgba(91,43,12,.2),9px 14px 0 #6f3c1b,14px 20px 24px rgba(0,0,0,.42)}.dimensional-sticks i:before{content:"";position:absolute;left:5px;right:5px;top:-4px;height:14px;border-radius:50%;border:2px solid rgba(133,73,27,.72);background:radial-gradient(ellipse,#ffe5ac 0 38%,#c77b38 72%,#713a18 100%);transform:translateZ(5px)}.dimensional-sticks i:after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:20px;border-radius:50%;background:rgba(105,51,15,.18);filter:blur(4px)}.dimensional-sticks i.flat{border-color:#b16e31;background:linear-gradient(90deg,rgba(255,255,255,.75),transparent 24%,transparent 76%,rgba(129,68,20,.12)),linear-gradient(180deg,#fff0c8,#f5ca86 60%,#dfa05c)}.dimensional-sticks i.round{border-color:#70401d;color:#ffe2a2;background:radial-gradient(ellipse at 34% 50%,rgba(255,213,139,.42),transparent 20%),linear-gradient(90deg,#7c431d,#c47531 42%,#9c5727 72%,#5c2f16);box-shadow:inset 10px 0 12px rgba(255,209,129,.24),inset -10px -3px 13px rgba(54,24,8,.38),9px 14px 0 #4e2813,14px 20px 24px rgba(0,0,0,.48)}.dimensional-sticks .face-symbol{top:45px;color:currentColor;font:1000 23px/1 Arial,sans-serif;text-shadow:0 2px 1px rgba(255,255,255,.24)}.dimensional-sticks .face-name,.dimensional-sticks .face-symbol{position:absolute;left:50%;transform:translateX(-50%);writing-mode:initial;letter-spacing:0}.dimensional-sticks .face-name{top:79px;padding:4px 5px;border-radius:6px;color:#4b2b13;background:rgba(255,255,255,.68);font-size:13px!important;font-weight:1000}.dimensional-sticks i.round .face-name{color:white;background:rgba(35,18,8,.64)}.dimensional-sticks .backdo-mark{bottom:10px;min-width:34px;padding:6px 4px 5px;font-size:17px!important}.dimensional-sticks .backdo-mark small{font-size:10px!important}.face-result-caption{position:absolute;z-index:10;left:50%;bottom:-2px;min-width:176px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;border:2px solid white;border-radius:999px;color:white;background:rgba(6,14,30,.92);box-shadow:0 8px 18px rgba(0,0,0,.35)}.face-result-caption>b{color:var(--lime);font:400 25px/1 Black Han Sans,sans-serif}.face-result-caption>span{font-size:13px!important;font-weight:900}.backdo-guide,.height-gauge>b small,.height-gauge>span,.sensor-note,.sweet-zone,.throw-action-stage .result-burst small,.throw-screen-top button,.throw-screen-top span{font-size:13px!important}.height-gauge>b{font-size:15px!important}.meter-label span{font-size:13px!important}.meter-label b{font-size:19px!important}.throw-heading button{font-size:14px!important}.backdo-guide{padding:11px 13px}.sensor-note{font-size:13px!important}@media (max-width:760px){button,input,select,textarea{font-size:16px!important}small{font-size:13px!important}.hero-lead{font-size:15px!important}.student-turn{min-height:84px}.student-turn small{font-size:13px!important}.student-turn strong{font-size:17px!important}.student-turn time{font-size:20px!important}.student-board-card.board-focus .board-node{width:20px;height:20px;border-width:3px}.student-board-card.board-focus .board-node.major{width:32px;height:32px}.student-board-card.board-focus .board-node b{width:24px;height:24px;font-size:12px!important}.student-board-card.board-focus .team-piece{width:30px;height:30px}.student-board-card.board-focus .team-piece.active{width:39px;height:39px}.student-board-card.board-focus .board-center{width:80px;height:80px}.student-board-card.board-focus .board-center strong{font-size:27px}.start-direction{min-width:60px}.start-direction b{font-size:32px}.start-direction small{font-size:10px!important}.move-controller,.move-controller.ready{grid-template-columns:52px 1fr}.move-controller>button{grid-column:1/3;min-height:54px}.move-result{width:50px;height:50px}.board-legend{display:none}.throw-screen-top span{font-size:11px!important}.throw-action-stage .throw-heading h1{font-size:26px;line-height:1.3}.throw-action-stage .throw-arena{min-height:380px}.throw-action-stage .dimensional-sticks,.throw-action-stage .sticks{transform:scale(.9) rotate(calc(var(--spin) * .08))}.dimensional-sticks{width:310px}.dimensional-sticks i{left:calc(25px + var(--i) * 66px)}.return-to-board span,.return-to-board strong{font-size:14px!important}.question-modal>h2{font-size:23px!important}}@media (max-width:390px){.student-board-card.board-focus .board-node{width:18px;height:18px}.student-board-card.board-focus .board-node.major{width:29px;height:29px}.student-board-card.board-focus .board-node b{width:22px;height:22px;font-size:11px!important}.student-board-card.board-focus .team-piece{width:27px;height:27px}.student-board-card.board-focus .team-piece.active{width:35px;height:35px}.mobile-card-head strong{font-size:16px!important}.mobile-card-head>b{font-size:12px!important}.start-direction{left:79%}.start-direction b{font-size:28px}.start-direction small{display:none}.throw-action-stage .dimensional-sticks,.throw-action-stage .sticks{transform:scale(.78) rotate(calc(var(--spin) * .08))}.throw-action-stage .throw-arena{min-height:350px}}.throw-arena{perspective:1250px;background:radial-gradient(ellipse at 50% 89%,rgba(109,71,36,.48),transparent 35%),linear-gradient(180deg,#0c1830,#183152 66%,#2c1c13)}.throw-arena:after{left:9%;right:9%;bottom:10px;height:64px;border:2px solid rgba(255,220,163,.14);background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px),linear-gradient(180deg,#754620,#3b2112);box-shadow:inset 0 12px 24px rgba(255,205,130,.08),0 -10px 28px rgba(0,0,0,.35);filter:none;transform:rotateX(68deg)}.box2d-sticks{width:320px;height:225px;transform-style:preserve-3d;overflow:visible}.box2d-sticks i{position:absolute;width:42px;height:168px;left:calc(28px + var(--i) * 68px);top:16px;border:0;border-radius:20px;background:transparent!important;box-shadow:none!important;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform,filter}.box2d-sticks.physics-active i{animation:none!important;transition:none!important}.box2d-sticks.physics-active{transform:none!important}.stick-cap,.stick-edge,.stick-face{position:absolute;display:block;backface-visibility:hidden;transform-style:preserve-3d;.box2d-sticks i:after,.box2d-sticks i:before{content:none!important}.box2d-sticks i>span{writing-mode:horizontal-tb;letter-spacing:normal}}.stick-face{inset:0;overflow:hidden;border:3px solid #8a4c20;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stick-front{color:#6c3b17;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent 25%,transparent 72%,rgba(111,55,14,.18)),repeating-linear-gradient(174deg,transparent 0 18px,rgba(131,72,24,.07) 18px 20px),linear-gradient(180deg,#ffeab8,#f3c577 58%,#d99248);box-shadow:inset 7px 0 9px rgba(255,255,255,.46),inset -7px -3px 10px rgba(89,42,10,.2);transform:translateZ(10px)}.stick-back{color:#ffe2a1;background:radial-gradient(ellipse at 32% 45%,rgba(255,218,150,.38),transparent 18%),repeating-linear-gradient(173deg,transparent 0 16px,rgba(255,220,153,.08) 16px 18px),linear-gradient(90deg,#5b2d12,#bb6c2c 45%,#87461f 76%,#42200d);box-shadow:inset 9px 0 12px rgba(255,213,139,.2),inset -10px -3px 13px rgba(42,17,5,.46);transform:rotateY(180deg) translateZ(10px)}.stick-face>b{font:1000 29px/1 Arial,sans-serif;text-shadow:0 2px 2px rgba(255,255,255,.2)}.stick-face>small{padding:5px 7px;border-radius:7px;color:#3f220e;background:rgba(255,255,255,.72);font-size:13px!important;font-weight:1000}.stick-back>small{color:white;background:rgba(35,15,5,.6)}.stick-edge{top:18px;width:20px;height:132px;background:linear-gradient(90deg,#4a230d,#9b5422,#d1873d,#6e3515)}.stick-edge-left{left:-9px;transform:rotateY(-90deg)}.stick-edge-right{right:-9px;transform:rotateY(90deg)}.stick-cap{left:8px;width:26px;height:20px;border-radius:50%;background:radial-gradient(ellipse,#f8ca81 0 28%,#a95c25 62%,#4d240d 100%)}.stick-cap-top{top:-10px;transform:rotateX(90deg)}.stick-cap-bottom{bottom:-10px;transform:rotateX(-90deg)}.box2d-sticks.result-set i{transition:transform .55s cubic-bezier(.18,.9,.22,1.2),filter .55s}.box2d-sticks.result-set i.flat{transform:rotate(calc((var(--i) - 1.5) * -7deg)) rotateY(0deg) rotateX(-7deg)}.box2d-sticks.result-set i.round{transform:rotate(calc((var(--i) - 1.5) * -7deg)) rotateY(180deg) rotateX(7deg)}.box2d-sticks.result-set i{filter:drop-shadow(12px 16px 10px rgba(0,0,0,.46))}.box2d-sticks .backdo-mark{position:absolute;left:50%;bottom:11px;min-width:34px;padding:6px 4px 5px;transform:translateX(-50%) translateZ(2px);border:2px solid #ffdc56;border-radius:9px;color:#ffdc56;background:#111a2d;font:1000 18px/1 Arial,sans-serif;font-style:normal;text-align:center;box-shadow:0 5px 10px rgba(0,0,0,.35)}.box2d-sticks .backdo-mark small{display:block;margin-bottom:3px;color:white;font-size:10px!important}.physics-engine-badge{position:absolute;z-index:8;right:14px;bottom:12px;padding:7px 10px;border:1px solid rgba(199,255,74,.45);border-radius:999px;color:var(--lime);background:rgba(7,15,31,.78);font-size:11px;font-weight:900;letter-spacing:.08em;pointer-events:none}.board-node{width:28px;height:28px;border-width:4px}.board-node.major{width:46px;height:46px;border-width:5px}.student-board-card.board-focus .board-node{width:27px;height:27px;border-width:4px}.student-board-card.board-focus .board-node.major{width:44px;height:44px;border-width:5px}.start-direction{left:88%;top:79%}.start-direction b{font-size:44px}@media (max-width:760px){.box2d-sticks{width:310px}.box2d-sticks:not(.physics-active){transform:scale(.88) rotate(calc(var(--spin) * .08))!important}.box2d-sticks i{left:calc(25px + var(--i) * 66px)}.student-board-card.board-focus .board-node{width:23px;height:23px}.student-board-card.board-focus .board-node.major{width:38px;height:38px}.start-direction{left:88%;top:79%}.start-direction b{font-size:36px}}@media (max-width:390px){.box2d-sticks:not(.physics-active){transform:scale(.76) rotate(calc(var(--spin) * .08))!important}.student-board-card.board-focus .board-node{width:21px;height:21px}.student-board-card.board-focus .board-node.major{width:34px;height:34px}.start-direction{left:88%;top:79%}}@media (prefers-reduced-motion:reduce){.box2d-sticks.physics-active i{transition:none!important}}.team-piece{min-width:38px;padding:0 5px!important;border-radius:50%;font-size:11px!important;letter-spacing:-.08em}.team-piece.active{min-width:46px}.team-piece.selected-piece{outline:4px solid var(--lime);outline-offset:3px;z-index:7}.team-piece.finished-piece{color:white!important;background:#263249!important;opacity:.88;box-shadow:0 0 0 4px rgba(199,255,74,.2),0 5px 12px rgba(0,0,0,.42)}.piece-rule-status{margin:6px 0 12px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:stretch}.piece-rule-status>button{min-height:54px;padding:8px 11px;border:2px solid #d9dde1;border-radius:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#697482;background:white;cursor:pointer}.piece-rule-status>button.selected{color:var(--navy);border-color:var(--blue);background:#eaf9ff;box-shadow:0 0 0 3px rgba(85,200,255,.14)}.piece-rule-status>button:disabled{color:#48602f;border-color:#b5d56c;background:#f3ffdc;opacity:1}.piece-rule-status>button b{font-size:14px}.piece-rule-status>button span{margin-top:2px;font-size:13px;font-weight:900}.piece-rule-status>strong{min-width:96px;padding:8px 10px;border-radius:11px;display:grid;place-items:center;color:white;background:var(--navy);font-size:13px;text-align:center}.move-controller.has-route-choice{grid-template-columns:58px minmax(150px,1fr) minmax(150px,auto) auto}.route-choice{display:grid;grid-template-columns:1fr 1fr;gap:5px}.route-choice button{min-height:44px;padding:7px 9px;border:2px solid #dce0e4;border-radius:9px;color:#687483;background:white;font-size:13px!important;font-weight:900}.route-choice button.active{color:var(--navy);border-color:var(--lime);background:var(--lime);box-shadow:0 4px 0 #9ec631}.board-center:after{content:"말 2개 완주";margin-top:3px;color:#5d6674;font-size:10px;font-weight:900}.physics-engine-badge:before{content:"●";margin-right:5px;animation:physics-live 1s ease-in-out infinite alternate}@keyframes physics-live{to{opacity:.35}}@media (max-width:1050px){.move-controller.has-route-choice{grid-template-columns:58px 1fr}.move-controller.has-route-choice .route-choice{grid-column:1/3}.move-controller.has-route-choice>button{grid-column:1/3;min-height:54px}}@media (max-width:760px){.piece-rule-status{grid-template-columns:1fr 1fr}.piece-rule-status>strong{grid-column:1/3;min-height:40px}.team-piece{min-width:32px;font-size:9px!important}.team-piece.active{min-width:39px}.physics-engine-badge{right:9px;bottom:8px;font-size:10px}}.throw-arena{background:radial-gradient(ellipse at 50% 86%,rgba(174,104,47,.32),transparent 39%),linear-gradient(180deg,#08162b,#102b4a 66%,#24150e)}.box2d-sticks{width:380px;height:238px}.box2d-sticks i{width:54px;height:180px;left:calc(26px + var(--i) * 82px);top:11px;border-radius:27px}.box2d-sticks.physics-active i{left:50%;top:50%}.box2d-sticks .stick-cap,.box2d-sticks .stick-edge,.box2d-sticks .stick-face{position:absolute;display:block;box-sizing:border-box;backface-visibility:hidden;transform-style:preserve-3d}.box2d-sticks .stick-face{inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:3px solid #743815}.box2d-sticks .stick-front{border-radius:18px 18px 15px 15px;color:#5b2b0e;background:linear-gradient(90deg,rgba(255,251,220,.92),rgba(255,255,255,.16) 18%,transparent 48%,rgba(111,52,12,.16)),repeating-linear-gradient(176deg,transparent 0 21px,rgba(114,54,15,.11) 21px 23px),linear-gradient(180deg,#ffe9ad,#eec27a 58%,#c87a37);box-shadow:inset 5px 0 8px rgba(255,255,255,.56),inset -7px 0 8px rgba(90,42,9,.2),inset 0 -9px 12px rgba(97,43,10,.18);transform:translateZ(13px)}.box2d-sticks .stick-back{border-width:4px;border-color:#4c210b;border-radius:27px;color:#f3c77e;background:radial-gradient(ellipse at 34% 35%,rgba(255,213,142,.34) 0 7%,transparent 22%),radial-gradient(ellipse at 68% 71%,rgba(45,17,5,.48) 0 5%,transparent 16%),repeating-linear-gradient(174deg,transparent 0 18px,rgba(255,209,134,.1) 18px 20px),linear-gradient(90deg,#351405,#7d3512 14%,#c36d2d 42%,#8b421b 68%,#321204);box-shadow:inset 13px 0 14px rgba(255,203,121,.2),inset -14px 0 16px rgba(23,7,1,.54),inset 0 -11px 14px rgba(27,8,1,.45);transform:rotateY(180deg) translateZ(13px)}.box2d-sticks .stick-face:before{content:"";position:absolute;inset:7px 9px;border-radius:inherit;background:repeating-linear-gradient(96deg,transparent 0 7px,rgba(72,29,7,.055) 7px 8px);mix-blend-mode:multiply;pointer-events:none}.box2d-sticks .stick-face:after{content:"";position:absolute;width:15px;height:8px;right:7px;top:24%;border:2px solid rgba(74,30,8,.24);border-radius:50%;transform:rotate(-12deg)}.box2d-sticks .stick-face>b{z-index:1;font:1000 32px/1 Arial,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.25)}.box2d-sticks .stick-face>small{z-index:1;padding:2px 0;border:0;border-bottom:2px solid;border-radius:0;color:inherit;background:transparent;font-size:14px!important;font-weight:1000;opacity:.8}.box2d-sticks .stick-back>small{color:#ffe0a0;background:transparent}.box2d-sticks .stick-edge{top:20px;width:26px;height:140px;background:linear-gradient(90deg,#321204,#7e3915 28%,#d1843b 58%,#4d1e08)}.box2d-sticks .stick-edge-left{left:-12px;transform:rotateY(-90deg)}.box2d-sticks .stick-edge-right{right:-12px;transform:rotateY(90deg)}.box2d-sticks .stick-cap{left:8px;width:38px;height:26px;border:3px solid #683012;border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 4px,rgba(99,43,11,.2) 5px 6px),radial-gradient(ellipse,#f7d798 0 30%,#b76529 70%,#48200b 100%)}.box2d-sticks .stick-cap-top{top:-12px;transform:rotateX(90deg)}.box2d-sticks .stick-cap-bottom{bottom:-12px;transform:rotateX(-90deg)}.box2d-sticks:not(.physics-active) i{transform:rotate(calc((var(--i) - 1.5) * -6deg)) rotateX(5deg)!important;filter:drop-shadow(11px 17px 9px rgba(0,0,0,.55))!important}.box2d-sticks:not(.physics-active) i.flat .stick-front{display:flex;transform:translateZ(13px)}.box2d-sticks:not(.physics-active) i.flat .stick-back,.box2d-sticks:not(.physics-active) i.round .stick-front{display:none}.box2d-sticks:not(.physics-active) i.round .stick-back{display:flex;transform:translateZ(13px)}.box2d-sticks.physics-active .stick-back,.box2d-sticks.physics-active .stick-front{display:flex}.box2d-sticks .face-result-caption{min-width:244px;padding:11px 20px;border-width:3px;box-shadow:0 12px 22px rgba(0,0,0,.38)}.box2d-sticks .face-result-caption b{font-size:26px!important}.box2d-sticks .face-result-caption span{font-size:16px!important}.box2d-sticks .backdo-mark{bottom:10px;z-index:4;transform:translateX(-50%) translateZ(15px)}@media (max-width:760px){.box2d-sticks{width:366px}.box2d-sticks i{left:calc(24px + var(--i) * 79px)}.box2d-sticks:not(.physics-active){transform:scale(.86)!important}}@media (max-width:390px){.box2d-sticks:not(.physics-active){transform:scale(.73)!important}}@media (prefers-reduced-motion:reduce){.box2d-sticks.result-set i{transition-duration:.01ms!important}}