/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--blue:#22a7ff;--blue2:#1264e6;--orange:#ff8a33;--orange2:#ef4e24;--ink:#12304c}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{height:100dvh;min-height:620px;color:var(--ink);background:linear-gradient(#bcecff 0%,#e9faff 32%,#c9f0d0 76%,#82d5a1);font-family:Pretendard,Noto Sans KR,Arial,sans-serif;position:relative;overflow:hidden}.sky{background:radial-gradient(circle at 50% 26%,#fff8 0 3%,#0000 20%),linear-gradient(115deg,#0000 45%,#fff4 46%,#0000 48%);position:absolute;inset:0}.sky:after{content:"";background:linear-gradient(160deg,#70c988 40%,#53b779 41%);border-radius:50% 50% 0 0;height:35%;position:absolute;bottom:-8%;left:-5%;right:-5%}.sky i{filter:blur(2px);background:#fff9;border-radius:50%;width:180px;height:44px;position:absolute}.sky i:first-child{top:20%;left:5%}.sky i:nth-child(2){top:12%;right:8%;transform:scale(.7)}.sky i:nth-child(3){top:38%;right:25%;transform:scale(.45)}.game-top{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #fff;grid-template-columns:1fr minmax(300px,1.2fr) 1fr;align-items:center;height:76px;padding:0 24px;display:grid;position:relative;box-shadow:0 8px 30px #23617b1c}.brand{align-items:center;gap:12px;display:flex}.brand>span{color:#fff;background:linear-gradient(135deg,var(--blue2),#8c5cff);border-radius:13px;place-items:center;width:42px;height:42px;font-size:25px;font-weight:900;display:grid;box-shadow:0 7px 15px #4369df55}.brand div{flex-direction:column;display:flex}.brand b{letter-spacing:-.5px;font-size:20px}.brand small{letter-spacing:2.3px;color:#698197;font-size:8px;font-weight:800}.status{text-align:center;grid-template-columns:auto auto;justify-self:center;align-items:center;column-gap:8px;display:grid}.status .dot{background:var(--blue);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #199dfa1c}.status .dot.t1{background:var(--orange);box-shadow:0 0 0 5px #ff7a2e1c}.status b{font-size:15px}.status small{color:#60798d;white-space:nowrap;text-overflow:ellipsis;grid-column:1/3;max-width:470px;margin-top:3px;overflow:hidden}.reset{color:#567084;cursor:pointer;background:#fff;border:1px solid #bed2df;border-radius:12px;justify-self:end;padding:10px 15px;font-weight:800}.arena{z-index:2;grid-template-columns:minmax(160px,1fr) minmax(520px,700px) minmax(160px,1fr);align-items:center;gap:18px;height:calc(100dvh - 76px);min-height:544px;padding:16px 22px 22px;display:grid;position:relative}.board-wrap{aspect-ratio:1;justify-self:center;width:min(100%,100dvh - 108px);position:relative}.board{background:linear-gradient(145deg,#f0feff,#dff7f4);border:10px solid #f7fdff;border-radius:11%;position:absolute;inset:0;transform:perspective(1000px)rotateX(1deg);box-shadow:0 24px 50px #164d6744,inset 0 0 0 2px #a8dfe5,inset 0 0 50px #71d0e630}.board:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 24px,#2aa9bb08 25px),repeating-linear-gradient(90deg,#0000 0 24px,#2aa9bb08 25px);border:1px solid #8ccfd388;border-radius:8%;position:absolute;inset:3.5%}.board-glow{background:radial-gradient(circle,#25d7ff33,#0000 65%);border-radius:50%;animation:2.4s ease-in-out infinite pulse;position:absolute;inset:12%}.board svg{width:90%;height:90%;position:absolute;inset:5%;overflow:visible}.board svg polyline{fill:none;stroke:#62bdc8;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #fff)}.node{aspect-ratio:1;z-index:2;background:linear-gradient(145deg,#fff,#b9e2e6);border-radius:50%;width:4.8%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 7px #24798750,inset 0 0 0 2px #fff}.node i{background:#7ccad2;border-radius:50%;position:absolute;inset:28%}.node.major{background:linear-gradient(145deg,#fff,#76d1dc);width:7.4%;box-shadow:0 0 18px #23ccea88,inset 0 0 0 3px #fff}.core{aspect-ratio:1;z-index:3;color:#fff;background:linear-gradient(145deg,#20d4db,#177dde);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:18%;display:flex;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #fff,0 0 30px #1acbd6aa}.core span{font-size:27px;line-height:1}.core b{letter-spacing:1.4px;font-size:9px}.core small{letter-spacing:1px;font-size:5px}.garage{z-index:5;background:#ffffffd9;border-radius:13px;align-items:center;gap:7px;padding:5px 9px;display:flex;position:absolute;box-shadow:0 5px 14px #204f6922}.garage small{letter-spacing:1px;color:#7190a4;font-size:6px;font-weight:900}.garage>div{gap:3px;display:flex}.garage.g1{top:1%;left:2%;transform:rotate(180deg)}.car{z-index:8;aspect-ratio:1.45;cursor:pointer;background:linear-gradient(90deg,var(--blue2),#3bc3ff);border:0;border-radius:40% 40% 28% 28%;width:7%;padding:0;transition:all .25s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 7px #0d416d66,inset 0 2px #fffa}.car.t1{background:linear-gradient(90deg,var(--orange2),#ffae3c)}.car i{background:#bff3ff;border-radius:50% 50% 15% 15%;height:32%;position:absolute;top:13%;left:23%;right:23%}.car b,.car em{background:#183348;border-radius:50%;width:23%;height:24%;position:absolute;bottom:-8%}.car b{left:12%}.car em{right:12%}.car span{color:#183348;background:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-9px;right:-7px}.car.active{animation:1s ease-in-out infinite select;box-shadow:0 0 0 4px #fff,0 0 24px #24d9ff}.car.t1.active{box-shadow:0 0 0 4px #fff,0 0 24px #ff8a2a}.car.mini{width:25px;display:inline-block;position:relative;top:auto;left:auto;transform:none}.yut-display{z-index:20;color:#fff;background:#173c59e8;border-radius:18px;align-items:center;gap:10px;padding:7px 13px;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0d334d55}.sticks{gap:3px;display:flex}.sticks i{background:linear-gradient(90deg,#f3d39b,#fff1c8,#bc8149);border-radius:5px;width:7px;height:31px;transform:rotate(8deg)}.yut-display strong{letter-spacing:1px;font-size:12px}.yut-display.rolling .sticks i{animation:.75s ease-in-out infinite throw}.yut-display.shown{background:linear-gradient(135deg,#7a4ee7,#2e8aff)}.player-dock{background:linear-gradient(#fffc,#eaf8ffd9);border:2px solid #fff;border-radius:40px 40px 22px 22px;flex-direction:column;place-self:end center;align-items:center;max-width:245px;height:min(58vh,490px);padding:20px 18px 18px;transition:all .25s;display:flex;position:relative;box-shadow:0 18px 40px #28536b33}.player-dock.flipped{align-self:start;transform:rotate(180deg)}.player-dock.current{box-shadow:0 0 0 4px #24aaff55,0 18px 40px #28536b33}.player-dock.t1.current{box-shadow:0 0 0 4px #ff873b66,0 18px 40px #28536b33}.team-name{text-align:center}.team-name small{color:#7992a5;letter-spacing:2px;font-size:9px;font-weight:900;display:block}.team-name b{font-size:19px;display:block}.team-name span{color:#1872bd;background:#dff3ff;border-radius:10px;margin-top:5px;padding:3px 9px;font-size:10px;font-weight:900;display:inline-block}.t1 .team-name span{color:#db5d1d;background:#fff0df}.robot{width:130px;height:210px;margin:auto;position:relative}.robot .head{border:5px solid var(--blue2);background:linear-gradient(135deg,#e8f8ff,#75c6f3);border-radius:25px 25px 14px 14px;width:68px;height:56px;position:absolute;top:18px;left:31px;box-shadow:0 10px 15px #1a639c33}.t1 .robot .head{border-color:var(--orange2);background:linear-gradient(135deg,#fff4df,#ffbe6f)}.robot .head:after{content:"";background:#143d68;border-radius:6px;width:30px;height:9px;position:absolute;top:18px;left:14px;box-shadow:inset 8px 0 #67eaff}.t1 .robot .head:after{box-shadow:inset 8px 0 #ffdf5e}.robot .body{clip-path:polygon(12% 0,88% 0,100% 72%,75% 100%,25% 100%,0 72%);background:linear-gradient(135deg,#3dc7ff,var(--blue2));width:86px;height:86px;position:absolute;top:77px;left:22px;box-shadow:inset 0 5px #fff8}.t1 .robot .body{background:linear-gradient(135deg,#ffae43,var(--orange2))}.robot .arm{background:#2d87d5;border-radius:15px;width:25px;height:80px;position:absolute;top:88px}.robot .arm.a{left:0;transform:rotate(12deg)}.robot .arm.b{right:0;transform:rotate(-12deg)}.t1 .robot .arm{background:#e66327}.robot>span{z-index:2;color:#fff;font-size:25px;font-weight:1000;position:absolute;top:104px;left:52px}.player-dock>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue2));text-align:left;border:0;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;width:100%;height:66px;padding:10px 13px;transition:all .15s;display:grid;box-shadow:0 8px #0c55b4,0 13px 22px #0879d055}.player-dock.t1>button{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 8px #be3c1b,0 13px 22px #e95f2755}.player-dock>button:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #0c55b4}.player-dock>button:disabled{filter:grayscale(.6);opacity:.45}.player-dock button span{letter-spacing:1px;font-size:8px}.player-dock button b{font-size:17px}.player-dock button i{grid-area:1/2/3;align-self:center;font-size:24px;font-style:normal}.winner{z-index:40;text-align:center;color:#fff;background:linear-gradient(135deg,#22b8ffed,#1558dced);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex;position:absolute;inset:22%;box-shadow:0 20px 60px #163e6c88}.winner.t1{background:linear-gradient(135deg,#ffac3ded,#ec482ced)}.winner small{letter-spacing:4px;font-weight:900}.winner h2{margin:8px;font-size:34px}.winner button{color:#173a57;cursor:pointer;background:#fff;border:0;border-radius:14px;padding:12px 20px;font-weight:900}@keyframes pulse{50%{opacity:.5}}@keyframes select{50%{transform:translate(-50%,-60%)scale(1.12)}}@keyframes throw{50%{transform:translateY(-16px)rotate(210deg)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}}@media (width<=900px){.game-top{grid-template-columns:1fr 1fr auto;height:64px;padding:0 12px}.brand b{font-size:16px}.brand small,.status small{display:none}.arena{grid-template-columns:125px minmax(420px,1fr) 125px;gap:5px;height:calc(100dvh - 64px);padding:8px}.player-dock{height:68%;padding:10px 8px}.robot{margin:-10px auto;transform:scale(.7)}.team-name b{font-size:14px}.player-dock>button{height:58px}.player-dock button b{font-size:13px}.board-wrap{width:min(100%,100dvh - 78px)}}@media (width<=720px) and (orientation:portrait){html,body{overflow:auto}.game-shell{min-height:920px}.game-top{position:sticky;top:0}.arena{grid-template-rows:150px auto;grid-template-columns:1fr 1fr;align-items:center;height:auto;min-height:850px}.board-wrap{grid-area:2/1/auto/3;width:min(94vw,640px)}.player-dock{grid-template-columns:1fr 80px;width:90%;height:140px;padding:10px;display:grid;align-self:center!important;transform:none!important}.player-dock.flipped{grid-column:2}.robot{display:none}.player-dock>button{grid-column:1/3;height:50px}.garage.g1{transform:none}.brand>span{display:none}.reset{font-size:0}.reset:first-letter{font-size:18px}}.top-actions{justify-self:end;gap:8px;display:flex}.top-actions .reset,.sound{color:#567084;cursor:pointer;background:#fff;border:1px solid #bed2df;border-radius:12px;justify-self:auto;padding:10px 15px;font-weight:800}.sound{color:#9aabba;width:42px;padding:8px}.sound.on{color:#167bc9;background:#eaf8ff;border-color:#8bcff2}.car:not(.mini){transition:left .22s cubic-bezier(.2,.9,.3,1),top .22s cubic-bezier(.2,.9,.3,1),filter .2s}.battle-fx{z-index:35;aspect-ratio:1;color:#fff;text-align:center;pointer-events:none;background:radial-gradient(circle,#2ed1ffed 0 22%,#197ad8bb 36%,#0000 69%);border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;width:48%;padding-bottom:12%;animation:.75s cubic-bezier(.15,1.3,.35,1) fx-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-fx.t1{background:radial-gradient(circle,#ffbd3fed 0 22%,#ed542dbb 36%,#0000 69%)}.battle-fx strong{letter-spacing:2px;text-shadow:0 3px 8px #123;font-size:18px;font-style:italic}.battle-fx small{font-size:8px;font-weight:800}.fx-robot{filter:drop-shadow(0 12px 10px #0b395088);width:33%;height:42%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.fx-robot i{background:#176ad2;border:6px solid #fff;border-radius:30% 30% 18% 18%;width:52%;height:32%;position:absolute;top:0;left:24%}.t1 .fx-robot i{background:#e95524}.fx-robot i:after{content:"";background:#7ff5ff;border-radius:8px;height:22%;position:absolute;top:35%;left:20%;right:20%}.t1 .fx-robot i:after{background:#ffe36e}.fx-robot b{clip-path:polygon(12% 0,88% 0,100% 72%,70% 100%,30% 100%,0 72%);background:linear-gradient(135deg,#3ad7ff,#145adc);border-top:5px solid #fff;width:68%;height:48%;position:absolute;top:31%;left:16%}.t1 .fx-robot b{background:linear-gradient(135deg,#ffc64a,#e74322)}.fx-robot em{border-left:20px solid #1983dc;border-right:20px solid #1983dc;height:37%;position:absolute;top:35%;left:0;right:0;transform:skewY(-12deg)}.t1 .fx-robot em{border-color:#e65725}.fx-robot span{z-index:2;font-size:22px;font-weight:1000;position:absolute;top:43%;left:44%}.battle-fx.boost .fx-robot{animation:.65s ease-in-out infinite dash;transform:translate(-50%,-50%)scale(.7)rotate(-8deg)}.battle-fx.combine .fx-robot{animation:.7s ease-in-out infinite combine}.battle-fx.finish{background:radial-gradient(circle,#fff 0 10%,#ffd941dc 22%,#22c8f4a6 44%,#0000 70%)}@keyframes fx-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-18deg)}55%{transform:translate(-50%,-50%)scale(1.15)}}@keyframes dash{50%{transform:translate(-42%,-55%)scale(.75)rotate(-4deg)}}@keyframes combine{50%{filter:drop-shadow(0 0 22px #fff);transform:translate(-50%,-54%)scale(1.12)}}@media (width<=720px) and (orientation:portrait){.top-actions{gap:4px}.top-actions .reset,.sound{padding:8px}.sound{width:36px}.battle-fx{width:58%}}:root{--cream:#fffdf4;--jade:#159d91;--jade-dark:#08766f;--gold:#e8b74a;--coral:#ec654a}.game-shell{background:linear-gradient(#bdeeff 0%,#e9fbff 39%,#dff5cf 72%,#a9dda5 100%)}.game-top{background:#fffdf5ee;border-bottom:2px solid #f4dfaa}.brand>span{background:linear-gradient(145deg,#f2674d,#b62d2f);border:2px solid #ffd98b;font-family:serif;box-shadow:0 7px 16px #a8393650}.brand small{color:#876d4b;letter-spacing:.6px;font-size:9px}.board{background:radial-gradient(circle at 50% 45%,#fffef8 0 31%,#0000 32%),repeating-linear-gradient(45deg,#fffdf5 0 7px,#faf2db 8px 9px);border:12px solid #fff8df;box-shadow:0 28px 55px #2a5f5d45,inset 0 0 0 3px #e7bf66,inset 0 0 0 7px #fff7d9,inset 0 0 60px #e9c96d25}.board:before{background:radial-gradient(circle at 10% 10%,#e54d3e12 0 3%,#0000 3.5%),radial-gradient(circle at 90% 90%,#168e8212 0 3%,#0000 3.5%);border:2px solid #dfb65d;border-radius:8%;inset:3%}.board svg polyline{stroke:var(--jade);stroke-width:1.7px;filter:drop-shadow(0 2px #fff)drop-shadow(0 0 3px #72d2c3)}.board-glow{background:radial-gradient(circle,#ffd75c24,#0000 66%)}.node{background:linear-gradient(145deg,#fffef5,#ead6a2);border:1px solid #d2a84b;box-shadow:0 4px 9px #6e572c48,inset 0 0 0 2px #fff}.node i{background:linear-gradient(145deg,#34bdad,#087d75);box-shadow:inset 0 1px 1px #fff8}.node.major{background:linear-gradient(145deg,#fff8d5,#e6a939);box-shadow:0 0 0 3px #fff,0 0 20px #f1b63c7d}.node.major i{background:#d64c3c;box-shadow:0 0 0 4px #ffe8ad}.node>span{white-space:nowrap;color:#855a27;text-shadow:0 1px #fff;font-size:7px;font-weight:1000;position:absolute;top:108%;left:50%;transform:translate(-50%)}.start-node{background:linear-gradient(145deg,#fff0a7,#efa82d)!important;box-shadow:0 0 0 4px #fff,0 0 22px #f3a82ca8!important}.start-node i{background:#e34e3d}.finish-node{background:linear-gradient(145deg,#d4fff5,#20a996)!important}.finish-node i{background:#08756e}.route-hint{z-index:4;color:#c44637;filter:drop-shadow(0 1px #fff);flex-direction:column;align-items:center;font-weight:1000;display:flex;position:absolute;bottom:10.5%;right:1.5%}.route-hint span{background:#fff4c7;border:1px solid #e0b247;border-radius:9px;padding:3px 8px;font-size:8px}.route-hint i{font-size:29px;font-style:normal;line-height:24px;animation:1s ease-in-out infinite route-arrow}.route-hint small{writing-mode:vertical-rl;letter-spacing:1px;color:#7c6948;font-size:6px}.core{background:radial-gradient(circle at 35% 30%,#fff5b9,#e4a538 36%,#bc5e30 72%);box-shadow:0 0 0 6px #fff9de,0 0 0 9px #d9ac51,0 10px 30px #95662f55}.core span{font-family:serif;font-size:34px}.core b{font-size:10px}.core small{font-size:7px}.garage{background:#fffaf0e8;border:1px solid #e8c878}.garage small{color:#725a35;letter-spacing:0;font-size:7px}.garage.g0{bottom:1%;right:1%}.garage.g1{top:1%;left:1%}.yut-stage{z-index:50;pointer-events:none;perspective:900px;background:radial-gradient(circle,#fffef2ed 0 28%,#fff8d2bb 45%,#0000 72%);border-radius:10%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:3%}.yut-stage strong{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#c43b32,#e87545);border-radius:24px;margin-top:4%;padding:8px 26px;font-size:26px;box-shadow:0 7px 18px #7d3b2d55}.yut-stage small{color:#725835;margin-top:7px;font-weight:900}.large-yut{width:64%;height:34%;transform-style:preserve-3d;position:relative}.large-yut i{--rot:0deg;left:calc(8% + var(--n)*21%);width:14%;height:88%;transform:rotate(calc(-18deg + var(--n)*11deg));background:linear-gradient(90deg,#8d4c20 0 5%,#d8984d 10%,#f6d28c 37%,#fff0b9 58%,#be7435 94%);border:2px solid #8e5226;border-radius:46% 46% 36% 36%;position:absolute;top:5%;box-shadow:8px 18px 18px #5c3c213d,inset 5px 0 8px #fff8,inset -6px 0 8px #7a3c2544}.large-yut i:after{content:"";background:#fff1bd;border-radius:50%;height:8%;position:absolute;top:4%;left:18%;right:18%;box-shadow:inset 0 -3px 4px #8e542c88}.large-yut i b{opacity:calc(var(--n)*.12);background:linear-gradient(90deg,#7d3d25,#b65c32 48%,#7e3c22);border-radius:18px;position:absolute;inset:16% 23% 14%}.large-yut i em{color:#9e3129;text-shadow:0 1px #ffe6ac;font-family:serif;font-size:28px;font-style:normal;font-weight:1000;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.yut-shadow{filter:blur(12px);background:#6b4b2940;border-radius:50%;height:8%;position:absolute;top:55%;left:25%;right:25%}.yut-stage.throwing .large-yut i{animation:1.02s cubic-bezier(.2,.75,.35,1) both yut-toss;animation-delay:calc(var(--n)*35ms)}.yut-stage.throwing strong{animation:.55s ease-in-out infinite result-pulse}.yut-stage.landed .large-yut i{animation:.45s cubic-bezier(.15,1.5,.4,1) both yut-land;animation-delay:calc(var(--n)*45ms)}.yut-result-chip{z-index:24;color:#6a4b27;background:#fff9dcf0;border:2px solid #e8b749;border-radius:18px;align-items:center;gap:8px;padding:6px 15px;display:flex;position:absolute;top:3%;left:50%;transform:translate(-50%);box-shadow:0 7px 15px #79552231}.yut-result-chip span{font-size:8px;font-weight:900}.yut-result-chip b{color:#c54134;font-size:18px}.player-dock{background:linear-gradient(#fffdf2ee,#f4fbf4e5);border-color:#fff7dd}.team-name small{color:#806d51;letter-spacing:.4px}.team-name b{letter-spacing:-1px}.robot>span{font-size:18px;left:50%;transform:translate(-50%)}.player-dock>button span{letter-spacing:0}.battle-fx strong{letter-spacing:-.5px;font-size:20px;font-style:normal}@keyframes yut-toss{0%{opacity:0;transform:translateY(55%)rotate(-35deg)rotateX(0)scale(.65)}48%{opacity:1;transform:translateY(-70%)rotate(160deg)rotateX(250deg)scale(1.12)}to{transform:translateY(2%) rotate(calc(-18deg + var(--n)*11deg)) rotateX(520deg);opacity:1}}@keyframes yut-land{0%{transform:translateY(-22%)rotate(25deg)scale(1.08)}to{transform:translateY(0) rotate(calc(-18deg + var(--n)*11deg)) scale(1)}}@keyframes stage-out{0%,72%{opacity:1}to{opacity:0}}@keyframes result-pulse{50%{transform:scale(1.08)}}@keyframes route-arrow{50%{transform:translateY(-5px)}}@media (width<=900px){.yut-stage strong{font-size:20px}.large-yut{width:68%;height:38%}.large-yut i em{font-size:20px}.route-hint small{display:none}.route-hint{bottom:12%;right:1%}}.large-yut i{left:auto}.large-yut i:first-child{left:8%}.large-yut i:nth-child(2){left:29%}.large-yut i:nth-child(3){left:50%}.large-yut i:nth-child(4){left:71%}.large-yut i b{opacity:.18}.large-yut i:nth-child(2) b{opacity:.32}.large-yut i:nth-child(4) b{opacity:.42}.change-piece{color:#8b5b20;cursor:pointer;background:#fff9df;border:1px solid #e1b95d;border-radius:12px;padding:10px 13px;font-weight:900}.board{overflow:visible;transform:perspective(1200px)rotateX(2deg)translateZ(0)}.board:after{content:"";z-index:-1;background:linear-gradient(#b98434,#815022 68%,#593115);border-radius:11%;position:absolute;inset:4% 2% -2.8%;box-shadow:0 16px 18px #49341d55,inset 0 -4px #3d210f}.board svg polyline{stroke-width:2px;filter:drop-shadow(0 3px #075e5728)drop-shadow(0 -1px #fff)}.node{transform:translate(-50%,-50%)translateZ(8px);box-shadow:0 6px #a98039,0 9px 12px #5d472d46,inset 0 0 0 2px #fff}.node.major{box-shadow:0 7px #a46827,0 10px 16px #78492655,inset 0 0 0 2px #fff}.core{box-shadow:0 9px #8d4827,0 0 0 6px #fff9de,0 0 0 9px #d9ac51,0 18px 30px #6d462f66}.car{aspect-ratio:1.15;border-radius:0;width:8.2%;overflow:visible;box-shadow:none!important;background:0 0!important}.car.mini{aspect-ratio:auto;width:28px;height:23px}.car.active .vehicle-3d{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 9px #16cbff)}.car.t1.active .vehicle-3d{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 9px #ff862e)}.car u{z-index:30;color:#29465b;background:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:10px;font-weight:1000;text-decoration:none;display:grid;position:absolute;top:-12px;right:-6px;box-shadow:0 2px 6px #17354b55}.vehicle-3d,.vehicle-3d span{min-width:0;box-shadow:none;background:0 0;border-radius:0;bottom:auto;right:auto}.vehicle-3d{--v1:#188ded;--v2:#0b4fbb;--light:#75e8ff;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(2px 6px 3px #183b4c66);transition:all .25s;transform:perspective(180px)rotateX(54deg)rotate(-36deg);display:block!important;position:relative!important}.vehicle-3d.t1{--v1:#ff9e32;--v2:#d94422;--light:#ffe26d}.vehicle-3d>span{transform-style:preserve-3d;display:block;position:absolute!important}.vehicle-3d .v-shadow{filter:blur(3px);background:#17364a55;border-radius:50%;height:32%;top:58%;left:8%;right:2%;transform:translateZ(-7px)}.vehicle-3d .v-deck{background:linear-gradient(135deg,var(--v1),var(--v2));border:1px solid #fffa;border-radius:28% 34% 24% 24%;height:45%;top:32%;left:8%;right:8%;transform:translateZ(7px);box-shadow:inset 0 -5px 4px #071c472e,0 4px #063a7a}.vehicle-3d.t1 .v-deck{box-shadow:inset 0 -5px 4px #69200d3b,0 4px #9d2c18}.vehicle-3d .v-body{background:linear-gradient(145deg,#fffa 0 5%,var(--v1) 13%,var(--v2));border:1px solid #fff9;border-radius:45% 50% 18% 20%;height:39%;top:21%;left:20%;right:10%;transform:translateZ(13px)}.vehicle-3d .v-cabin{border:2px solid var(--v1);background:linear-gradient(145deg,#edfaff,#78b7d6 48%,#163c62);border-radius:50% 48% 15% 15%;height:34%;top:13%;left:42%;right:18%;transform:translateZ(18px)}.vehicle-3d .v-glass{background:linear-gradient(135deg,#d9fbff,#386b8e);border-radius:50% 50% 10% 10%;height:15%;top:17%;left:48%;right:22%;transform:translateZ(21px)}.vehicle-3d .v-wheel{background:radial-gradient(circle,#9fb4c0 0 22%,#172631 25% 62%,#050b10 65%);border:1px solid #263b47;border-radius:50%;width:18%;height:22%;top:64%;transform:translateZ(8px)}.vehicle-3d .w1{left:14%}.vehicle-3d .w2{right:12%}.vehicle-3d .w3,.vehicle-3d .w4{display:none}.vehicle-3d .v-detail{z-index:4}.vehicle-3d.truck .v-deck{height:50%;left:4%;right:3%}.vehicle-3d.truck .v-body{background:linear-gradient(135deg,#f1f6f4,#9cadb3 35%,#596a70);border-radius:10%;height:48%;top:17%;left:5%;right:48%;box-shadow:inset 0 0 0 3px #fff5}.vehicle-3d.truck .v-cabin{border-radius:20% 50% 12% 10%;height:47%;top:14%;left:54%;right:7%}.vehicle-3d.truck .v-glass{top:18%;left:62%;right:12%}.vehicle-3d.truck .v-detail{background:repeating-linear-gradient(90deg,#6a7b80 0 3px,#b7c5c8 3px 6px);width:36%;height:4px;top:22%;left:9%;transform:translateZ(19px)}.vehicle-3d.truck .w1{left:9%}.vehicle-3d.truck .w2{right:8%}.vehicle-3d.truck .w3{display:block;left:34%}.vehicle-3d.police .v-body{background:linear-gradient(145deg,#fff 0 45%,var(--v1) 46% 68%,#f5f8fb 69%)}.vehicle-3d.police .v-detail{background:linear-gradient(90deg,#ef343b 0 45%,#fff 46% 54%,#238cff 55%);border-radius:4px;width:25%;height:8px;top:8%;left:48%;transform:translateZ(25px);box-shadow:0 0 5px #fff}.vehicle-3d.police .v-deck:after{content:"112";color:#fff;font-size:5px;font-weight:1000;position:absolute;top:30%;left:17%}.vehicle-3d.jet{transform:perspective(180px)rotateX(56deg)rotate(-42deg)scale(1.15)}.vehicle-3d.jet .v-deck{clip-path:polygon(0 50%,35% 0,100% 30%,100% 70%,35% 100%);border-radius:55% 8% 8% 55%;height:20%;top:42%;left:9%;right:5%}.vehicle-3d.jet .v-body{clip-path:polygon(0 50%,28% 4%,100% 38%,100% 62%,28% 96%);border-radius:55% 12% 12% 55%;height:30%;top:36%;left:3%;right:1%}.vehicle-3d.jet .v-cabin{border:1px solid #7cecff;border-radius:70% 15% 15% 70%;height:22%;top:36%;left:51%;right:28%}.vehicle-3d.jet .v-glass{display:none}.vehicle-3d.jet .v-detail{background:linear-gradient(135deg,var(--v1),var(--v2));clip-path:polygon(0 45%,70% 0,100% 10%,65% 50%,100% 90%,70% 100%);height:66%;top:15%;left:22%;right:18%;transform:translateZ(7px)}.vehicle-3d.jet .v-wheel{display:none}.vehicle-3d.heavy .v-deck{background:linear-gradient(145deg,#ffd83f,#e99114);border-radius:12%;height:52%;left:10%;right:18%;box-shadow:0 5px #a65d09}.vehicle-3d.heavy .v-body{background:linear-gradient(145deg,#ffeb68,#eda413);height:43%;top:16%;left:30%;right:20%}.vehicle-3d.heavy .v-cabin{border-color:#f4aa16;height:38%;top:12%;left:48%;right:22%}.vehicle-3d.heavy .v-detail{transform-origin:100%;background:#eaa219;border-radius:15px;width:50%;height:18%;top:12%;left:-7%;transform:rotate(-19deg)translateZ(20px)}.vehicle-3d.heavy .v-detail:after{content:"";background:#ffc83e;border:2px solid #b66d0d;border-radius:35% 0 0 35%;width:38%;height:180%;position:absolute;top:-70%;left:-8%}.vehicle-3d.heavy .v-wheel{background:repeating-linear-gradient(90deg,#182127 0 3px,#4a575b 3px 6px);border-radius:8px;width:31%;height:25%}.vehicle-3d.heavy .w1{left:12%}.vehicle-3d.heavy .w2{right:19%}.vehicle-3d.sport .v-deck{border-radius:50% 55% 18% 25%;height:35%;top:40%;left:5%;right:3%}.vehicle-3d.sport .v-body{background:linear-gradient(145deg,#fff8 0 5%,var(--v1) 15%,var(--v2) 80%);border-radius:65% 58% 18% 25%;height:38%;top:27%;left:10%;right:3%}.vehicle-3d.sport .v-cabin{height:28%;top:20%;left:40%;right:23%;transform:translateZ(16px)skew(-12deg)}.vehicle-3d.sport .v-detail{background:var(--v2);border-radius:3px;width:8%;height:32%;top:25%;right:3%;transform:translateZ(19px)}.dock-vehicle{perspective:500px;justify-content:center;align-items:center;width:150px;height:210px;margin:auto;display:flex;position:relative}.dock-vehicle .vehicle-3d{width:140px;height:100px;animation:2.6s ease-in-out infinite vehicle-float;transform:perspective(280px)rotateX(53deg)rotate(-32deg)scale(1.05)}.dock-vehicle>b{color:#76542c;background:#fff8de;border-radius:12px;padding:5px 11px;font-size:11px;position:absolute;bottom:13px;box-shadow:0 3px 8px #60401d2c}.garage .vehicle-3d{width:30px;height:22px}.garage .car{margin:0 1px}.vehicle-setup{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 42%,#fff9dfec,#174866da 70%);place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.setup-card{background:linear-gradient(145deg,#fffdf6f7,#eaf9f6f5);border:2px solid #fff3c9;border-radius:34px;width:min(1180px,96vw);max-height:96dvh;padding:22px 26px;overflow:auto;box-shadow:0 28px 80px #102d4655,inset 0 0 0 5px #fff9}.setup-card>header{text-align:center}.setup-card>header small{color:#fff;background:#ba3e35;border-radius:12px;padding:5px 12px;font-weight:900;display:inline-block}.setup-card>header h2{letter-spacing:-1.5px;margin:7px 0 1px;font-size:25px}.setup-card>header p{color:#71808b;margin:0;font-size:12px}.team-selectors{gap:12px;margin-top:14px;display:grid}.selector-team{background:linear-gradient(90deg,#e9f8ff,#fff);border:2px solid #80c7ee;border-radius:22px;padding:12px 14px;box-shadow:0 7px 18px #24618b16}.selector-team.t1{background:linear-gradient(90deg,#fff1df,#fff);border-color:#f2ad6a}.selector-title{align-items:center;gap:10px;margin-bottom:9px;display:flex}.selector-title>span{color:#fff;background:linear-gradient(145deg,var(--blue),var(--blue2));border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-weight:1000;display:grid}.selector-team.t1 .selector-title>span{background:linear-gradient(145deg,var(--orange),var(--orange2))}.selector-title>div{flex-direction:column;display:flex}.selector-title small{color:#6d8190;font-size:8px}.selector-title b{font-size:15px}.selector-title em{color:#3a789d;margin-left:auto;font-size:10px;font-style:normal;font-weight:900}.selector-team.t1 .selector-title em{color:#c7602b}.vehicle-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.vehicle-grid>button{color:#314d5f;cursor:pointer;background:#fff;border:1px solid #ccdbe2;border-radius:15px;min-width:0;height:116px;padding:4px 5px 7px;transition:all .2s;position:relative;overflow:hidden}.vehicle-grid>button:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1e54752a}.vehicle-grid>button.selected{background:linear-gradient(#effaff,#fff);border:3px solid #1a9bea;box-shadow:0 0 0 3px #fff,0 0 18px #20a8f36b}.selector-team.t1 .vehicle-grid>button.selected{border-color:#ed6d32;box-shadow:0 0 0 3px #fff,0 0 18px #f27a356b}.model-stage{perspective:300px;height:65px;background:radial-gradient(at 50% 75%,#bfe8e6,#edfafa 62%,#fff 63%)!important;border-radius:11px!important;display:block!important;position:relative!important}.model-stage .vehicle-3d{width:92px;height:58px;top:52%;left:50%;transform:translate(-50%,-50%)perspective(250px)rotateX(53deg)rotate(-34deg);position:absolute!important}.vehicle-grid>button>b{font-size:11px;display:block}.vehicle-grid>button>small{color:#81909a;font-size:7px;display:block}.vehicle-grid>button>i{color:#71828c;background:#e9f1f4;border-radius:7px;padding:2px 5px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:5px;right:5px}.vehicle-grid>button.selected>i{color:#fff;background:#159be6}.selector-team.t1 .vehicle-grid>button.selected>i{background:#e9662d}.start-match{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#178fcf,#12a586);border:0;border-radius:19px;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;width:min(370px,90%);height:59px;margin:15px auto 0;padding:9px 18px;display:grid;box-shadow:0 8px #087169,0 14px 26px #147b8a50}.start-match span{font-size:8px}.start-match b{font-size:17px}.start-match i{grid-area:1/2/3;align-self:center;font-size:27px;font-style:normal}.start-match:active{transform:translateY(6px);box-shadow:0 2px #087169}@keyframes vehicle-float{50%{filter:drop-shadow(5px 16px 7px #173c4966);transform:perspective(280px)rotateX(53deg)rotate(-32deg)translateY(-8px)scale(1.05)}}@media (width<=900px){.change-piece{padding:8px;font-size:10px}.dock-vehicle{width:110px;height:140px}.dock-vehicle .vehicle-3d{width:105px;height:70px}.dock-vehicle>b{bottom:3px}.setup-card{padding:13px}.vehicle-grid>button{height:92px}.model-stage{height:48px}.model-stage .vehicle-3d{width:70px;height:45px}.setup-card>header h2{font-size:19px}.team-selectors{gap:7px}.selector-team{padding:8px}.selector-title{margin-bottom:5px}.start-match{height:52px;margin-top:8px}}@media (width<=720px) and (orientation:portrait){.vehicle-setup{align-items:start;padding:8px}.setup-card{max-height:none}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid>button{height:106px}.model-stage{height:59px}.team-selectors{gap:11px}.selector-title em{display:none}.change-piece{font-size:0}.change-piece:after{content:"말";font-size:10px}}.board-vehicle-layer{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board>.car .vehicle-3d{display:none!important}.board>.car{z-index:10;aspect-ratio:1;border-radius:50%;width:8.5%;height:8.5%}.board>.car.active:after{content:"";background:#21b8ff28;border:3px solid #fff;border-radius:50%;animation:1s ease-in-out infinite ring-pulse;position:absolute;inset:0;box-shadow:0 0 0 4px #1a9de455,0 0 22px #1bbaff}.board>.car.t1.active:after{background:#ff86282a;box-shadow:0 0 0 4px #ee682d55,0 0 22px #ff7d31}.true-3d-preview{background:0 0;width:100%;height:100%;display:block}.dock-vehicle .true-3d-preview{position:absolute;inset:0}.dock-vehicle{width:170px;height:215px}.dock-vehicle>b{z-index:4}.dock-status{color:#39718b;background:#e8f6fb;border-radius:13px;justify-content:center;align-items:center;gap:6px;margin-top:7px;padding:5px 10px;font-size:9px;display:flex}.player-dock.t1 .dock-status{color:#b75429;background:#fff0df}.dock-status .dot{background:var(--blue);border-radius:50%;width:7px;height:7px}.dock-status .dot.t1{background:var(--orange)}.player-dock.flipped{transform-origin:50%;transform:rotate(180deg)}.player-dock.flipped .true-3d-preview{transform:rotate(0)}.game-top .status{opacity:.72}.setup-card.compact{width:min(760px,94vw);padding:21px 25px;overflow:hidden}.setup-card.compact>header h2{font-size:24px}.setup-progress{justify-content:center;align-items:center;gap:7px;margin-top:9px;display:flex}.setup-progress i{color:#718188;background:#dce6e8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:1000;display:grid}.setup-progress i.now{background:linear-gradient(145deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 0 0 4px #1e9ce327}.setup-card.compact.t1 .setup-progress i.now{background:linear-gradient(145deg,var(--orange),var(--orange2));box-shadow:0 0 0 4px #ef733327}.setup-progress i.done{color:#fff;background:#159d91}.setup-progress span{background:#cbdadc;border-radius:2px;width:45px;height:3px}.single-selector{grid-template-columns:240px 1fr;gap:15px;margin-top:13px;display:grid}.selected-3d-stage{background:radial-gradient(at 50% 72%,#b5e2dd 0 18%,#effaf5 48%,#fffdf5 70%);border:2px solid #d7c17d;border-radius:24px;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 -20px 40px #317b6b18}.selected-3d-stage:before{content:"실시간 3차원 보기";z-index:3;color:#fff;background:#163f55c9;border-radius:9px;padding:4px 8px;font-size:7px;font-weight:900;position:absolute;top:10px;left:12px}.selected-3d-stage .true-3d-preview{position:absolute;inset:0}.selected-3d-stage>div{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffef1df;border-radius:14px;grid-template-columns:1fr auto;align-items:end;padding:9px 11px;display:grid;position:absolute;bottom:10px;left:13px;right:13px;box-shadow:0 5px 15px #325e5528}.selected-3d-stage>div small{color:#6f7c80;font-size:7px}.selected-3d-stage>div b{grid-row:2;font-size:16px}.selected-3d-stage>div span{color:#718187;grid-area:1/2/3;font-size:8px}.compact-grid{grid-template-columns:repeat(2,1fr);gap:7px}.compact-grid>button{text-align:left;grid-template-columns:66px 1fr;align-items:center;height:78px;padding:5px;display:grid}.compact-grid>button:last-child{grid-column:1/3}.vehicle-silhouette{width:62px;height:53px;background:radial-gradient(at 50% 75%,#c9e8e4,#f3fbfa 65%)!important;border-radius:10px!important;display:block!important;position:relative!important}.vehicle-silhouette .vehicle-3d{width:58px;height:39px;top:50%;left:50%;transform:translate(-50%,-50%)perspective(170px)rotateX(53deg)rotate(-34deg);position:absolute!important}.compact-grid>button>b{font-size:11px}.compact-grid>button>small{grid-column:2;font-size:7px}.compact-grid>button>i{top:5px;right:5px}.setup-card.compact .start-match{margin-top:13px}.back-player{color:#6b7f87;cursor:pointer;background:0 0;border:0;margin:8px auto 0;font-size:9px;font-weight:900;display:block}.player-dock{overflow:visible}.player-dock.flipped:before{content:"2번 경기자 전용 화면";white-space:nowrap;color:#fff;background:#f57436;border-radius:10px;padding:4px 10px;font-size:8px;font-weight:900;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.player-dock:not(.flipped):before{content:"1번 경기자 전용 화면";white-space:nowrap;color:#fff;background:#178fda;border-radius:10px;padding:4px 10px;font-size:8px;font-weight:900;position:absolute;top:-25px;left:50%;transform:translate(-50%)}@keyframes ring-pulse{50%{opacity:.55;transform:scale(1.22)}}.board-wrap{isolation:isolate;border-radius:11%;overflow:hidden}.board{transform-origin:50%;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s}.board.camera-following{transform:translate(var(--pan-x,0),var(--pan-y,0)) perspective(1000px) rotateX(2deg) scale(1.22);filter:saturate(1.1)contrast(1.02)}.board.camera-following:after{content:"";z-index:30;pointer-events:none;border-radius:9%;position:absolute;inset:0;box-shadow:inset 0 0 55px #062d4a58}.camera-status{z-index:35;color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#092d49c9;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:8px;font-weight:900;display:flex;position:absolute;top:3.5%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #092d4960}.camera-status i{background:#49eaff;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse;box-shadow:0 0 10px #49eaff}@media (width<=900px){.dock-vehicle{width:120px;height:135px}.dock-status{margin-top:3px}.single-selector{grid-template-columns:190px 1fr}.selected-3d-stage{height:205px}.compact-grid>button{grid-template-columns:53px 1fr;height:63px}.vehicle-silhouette{width:49px;height:43px}.vehicle-silhouette .vehicle-3d{width:48px;height:34px}.setup-card.compact{padding:12px 17px}.setup-card.compact>header h2{margin:5px 0;font-size:18px}.setup-card.compact>header p{font-size:9px}.setup-progress{margin-top:5px}.setup-card.compact .start-match{margin-top:8px}}@media (width<=720px) and (orientation:portrait){.single-selector{grid-template-columns:1fr}.selected-3d-stage{height:190px}.compact-grid{grid-template-columns:repeat(2,1fr)}.setup-card.compact{overflow:auto}.dock-status{display:none}}.large-yut{filter:drop-shadow(0 18px 13px #4a2b1738);width:72%;height:38%}.large-yut i{clip-path:polygon(12% 0,88% 0,100% 5%,96% 96%,82% 100%,18% 100%,4% 96%,0 5%);background:linear-gradient(90deg,#754019 0 4%,#b87835 9%,#e6b868 23%,#f6d995 48%,#dba557 76%,#915322 94%,#643313 100%);border:1px solid #744019;border-radius:38% 38% 18% 18%/5% 5% 3% 3%;width:12.5%;height:92%;box-shadow:9px 17px 15px #4e2f1f4d,inset 5px 0 7px #fff6c680,inset -7px 0 8px #5a2b164a}.large-yut i:before{content:"";background:radial-gradient(#f5d99a 0 43%,#a96b30 45% 61%,#613313 64%);border-radius:50%;height:4.5%;position:absolute;top:1%;left:6%;right:6%;box-shadow:0 2px 3px #66361966}.large-yut i:after{content:"";background:radial-gradient(#e8bd75 0 40%,#9b5d27 43% 61%,#5b2e13 65%);border-radius:50%;height:4.5%;position:absolute;inset:auto 8% 1%;box-shadow:0 -2px 3px #5d321b55}.large-yut i b{opacity:.18;background:repeating-linear-gradient(88deg,#9b5b29 0 2px,#bb7838 3px 5px,#d19855 6px 8px);border:1px solid #75401e;border-radius:8px;inset:8% 19% 7%;box-shadow:inset 3px 0 5px #5e2f1f55,inset -2px 0 4px #f1c97955}.large-yut i:nth-child(2) b,.large-yut i:nth-child(4) b{opacity:.96}.large-yut i:nth-child(3) b{opacity:.12}.large-yut i em{z-index:2;color:#6f291b;text-shadow:0 1px #f8d994;filter:drop-shadow(0 1px #4b1c12);font-size:24px}.board{transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),width .42s,height .42s,filter .3s!important}.board.camera-following{filter:saturate(1.08)contrast(1.02);inset:auto!important;left:var(--camera-left)!important;top:var(--camera-top)!important;width:128%!important;height:128%!important;transform:perspective(1200px)rotateX(2deg)!important}.camera-hud{z-index:45!important;position:absolute!important;top:2.5%!important;left:50%!important;transform:translate(-50%)!important}.real-yut-canvas{background:radial-gradient(at 50% 75%,#fff7d6aa,#0000 67%);width:min(88%,620px);height:55%;min-height:250px;display:block}.yut-stage .real-yut-canvas+strong{margin-top:-4%}.yut-stage .large-yut,.yut-stage .yut-shadow{display:none}@media (width<=720px) and (orientation:portrait){.real-yut-canvas{width:96%;height:58%;min-height:220px}}.board.camera-following{width:155%!important;height:155%!important;box-shadow:0 0 0 999px #061d2b72,0 28px 70px #041923aa!important}.board-wrap.cinematic:before,.board-wrap.cinematic:after{content:"";z-index:44;pointer-events:none;background:#071924e8;height:7%;position:absolute;left:0;right:0}.board-wrap.cinematic:before{top:0}.board-wrap.cinematic:after{bottom:0}.board-wrap.cinematic .camera-hud{padding:7px 14px;font-size:10px;top:8%!important}.board-wrap.cinematic{box-shadow:inset 0 0 80px #031723aa}.real-yut-canvas{background:radial-gradient(at 50% 82%,#f7e8bdbd 0 18%,#fff9e55c 43%,#0000 68%);height:62%;min-height:290px}.chase-camera{z-index:47;pointer-events:none;background:#102939;border:3px solid #dbf5ff;border-radius:28px;height:58%;animation:.38s cubic-bezier(.2,1.3,.3,1) chase-in;position:absolute;top:15%;left:7%;right:7%;overflow:hidden;box-shadow:0 18px 55px #03141bc9,0 0 0 7px #ffffff35}.chase-camera.t1{border-color:#ffe1c1}.chase-camera:before{content:"실시간 추적";z-index:3;color:#fff;letter-spacing:1px;background:#e53636;border-radius:12px;padding:5px 10px;font-size:8px;font-weight:1000;position:absolute;top:13px;left:14px;box-shadow:0 0 14px #f338}.chase-camera-canvas{width:100%;height:100%;display:block}.chase-camera>div{z-index:3;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#071d2dce;border-radius:14px;grid-template-columns:1fr auto;padding:9px 12px;display:grid;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:inset 0 0 0 1px #ffffff2b}.chase-camera>div small{color:#8edcff;font-size:7px}.chase-camera>div b{grid-row:2;font-size:16px}.chase-camera>div span{color:#d5eaf2;grid-area:1/2/3;align-self:center;font-size:8px}.throw-impact{z-index:5;color:#fff;background:radial-gradient(circle at 50% 20%,#ffdf76,#dd5a28 55%,#8b241b);border:3px solid #fff2bd;border-radius:28px;flex-direction:column;align-items:center;min-width:190px;padding:12px 28px 15px;animation:.58s cubic-bezier(.15,1.65,.35,1) impact-pop;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #d53f2c35,0 15px 35px #5d241b88}.throw-impact small{letter-spacing:3px;color:#fff3bf!important;font-size:9px!important}.throw-impact b{text-shadow:0 4px #8b2b20,0 0 22px #fff0a0;font-family:serif;font-size:64px;line-height:.98}.throw-impact em{background:#4a1714b8;border-radius:12px;margin-top:5px;padding:4px 12px;font-size:13px;font-style:normal;font-weight:1000}.throw-impact.result-3{background:radial-gradient(circle at 50% 18%,#fff4a9,#ef6b2e 48%,#a32320);box-shadow:0 0 0 8px #ffb72d45,0 0 55px #ffb11a,0 18px 38px #5d241b88}.yut-stage.landed .real-yut-canvas{filter:drop-shadow(0 16px 14px #60371755)}@keyframes chase-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-12deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=720px) and (orientation:portrait){.chase-camera{border-radius:20px;height:54%;top:18%;left:4%;right:4%}.chase-camera>div span{display:none}.throw-impact{min-width:150px;padding:9px 20px}.throw-impact b{font-size:49px}}.yut-result-chip{border-radius:20px;grid-template-columns:auto auto;gap:0 9px;min-width:190px;padding:7px 16px 8px;display:grid;top:2.5%}.yut-result-chip span{align-self:end}.yut-result-chip b{grid-area:1/2/3;align-self:center;font-size:23px}.yut-result-chip em{color:#8b5b22;grid-column:1;font-size:10px;font-style:normal;font-weight:1000}.yut-result-chip small{color:#78613e;text-align:center;border-top:1px solid #e6c976;grid-column:1/3;margin-top:2px;padding-top:4px;font-size:7px;font-weight:900}.board>.car.active{cursor:pointer}.board>.car.active:before{content:"이동";z-index:4;color:#fff;background:#1264e6;border-radius:7px;padding:2px 5px;font-size:6px;font-weight:1000;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #163a5c55}.board>.car.t1.active:before{background:#ef4e24}.yut-stage{background:radial-gradient(at 50% 58%,#fff9e9f2 0 45%,#f2dca3d9 67%,#8c4d2b42 100%);justify-content:flex-start;padding-top:1%;inset:2%;box-shadow:inset 0 0 0 2px #fff3c9,inset 0 0 70px #8151262d}.yut-stage:before{content:"전통 윷 투척";color:#fff2c7;letter-spacing:2px;background:#6f321f;border-radius:999px;padding:5px 14px;font-size:8px;font-weight:1000;position:absolute;top:3%;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #5c2f1d4d}.yut-stage .real-yut-canvas{width:94%;height:72%;min-height:310px;background:0 0!important}.yut-stage .throw-impact{top:31%;transform:translate(-50%,-50%)scale(.88)}.yut-face-row{z-index:7;grid-template-columns:repeat(4,1fr);gap:7px;display:grid;position:absolute;bottom:12%;left:8%;right:8%}.yut-face-row>span{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffaf0e8;border:1px solid #d8aa5d;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:6px 8px;display:grid;box-shadow:0 5px 12px #6d43232b}.yut-face-row i{color:#fff8df;background:#d69a50;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;font-size:15px;font-style:normal;display:grid}.yut-face-row .back i{color:#f8d58c;background:#5d2a1d;box-shadow:inset 0 0 0 3px #bd7845}.yut-face-row b{color:#5e3b25;font-size:8px}.yut-face-row small{color:#87664d;font-size:6px;margin:0!important}.yut-stage>strong{z-index:8;white-space:nowrap;padding:6px 22px;font-size:17px;position:absolute;bottom:4%;left:50%;transform:translate(-50%);margin:0!important}.yut-stage>small{z-index:8;white-space:nowrap;font-size:7px;position:absolute;bottom:1.2%;left:50%;transform:translate(-50%);margin:0!important}.yut-stage.landed{animation:2.2s ease-in forwards stage-out}@media (width<=720px) and (orientation:portrait){.yut-stage .real-yut-canvas{height:66%;min-height:250px}.yut-stage .throw-impact{top:28%;transform:translate(-50%,-50%)scale(.72)}.yut-face-row{gap:3px;bottom:13%;left:3%;right:3%}.yut-face-row>span{grid-template-columns:1fr;justify-items:center;padding:4px 2px}.yut-face-row i{grid-row:auto;width:22px;height:22px}.yut-face-row small{display:none}.yut-stage>strong{font-size:14px}.yut-stage>small{display:block!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
