.yut-page{--red:#b8402d;--blue:#315c8a;background:linear-gradient(180deg,#eee3ca 0,#faf7ef 34rem)}.yut-hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(2rem,5vw,4.6rem);color:#fff;background:radial-gradient(circle at 82% 22%,rgba(255,214,128,.24),transparent 27%),linear-gradient(135deg,#211e17,#4d3927 58%,#7b372b);box-shadow:0 20px 50px rgba(36,28,19,.22);margin-bottom:2rem}.yut-hero:after{content:'윷';position:absolute;right:7%;bottom:-24%;font:900 clamp(10rem,24vw,20rem)/1 serif;color:rgba(255,255,255,.055);transform:rotate(-8deg)}.yut-kicker{display:inline-flex;gap:.5rem;align-items:center;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:#f5cf83}.yut-hero h1{position:relative;z-index:1;font-weight:900;font-size:clamp(2.3rem,5vw,4.4rem);letter-spacing:-.055em;margin:.7rem 0 1rem}.yut-hero p{position:relative;z-index:1;max-width:660px;color:rgba(255,255,255,.78);font-size:1.06rem}.yut-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.yut-panel{background:rgba(255,250,240,.96);border:1px solid rgba(69,50,30,.12);border-radius:22px;padding:clamp(1rem,2.5vw,1.7rem);box-shadow:0 12px 30px rgba(60,44,25,.08);margin-bottom:1.4rem}.yut-panel h2,.yut-panel h3{font-weight:900;letter-spacing:-.035em}.yut-info{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.yut-info div{background:#fff;border:1px solid #eadfc9;border-radius:16px;padding:1rem}.yut-info strong{display:block;color:#8d412f;font-size:.78rem;margin-bottom:.25rem}.yut-nav{display:flex;gap:.5rem;flex-wrap:wrap}.yut-nav a{border-radius:999px}
.yut-board{position:relative;aspect-ratio:1;max-width:680px;margin:auto;background-color:#fbf1d9;background-image:linear-gradient(45deg,transparent 49.85%,rgba(76,62,45,.68) 50%,transparent 50.15%),linear-gradient(-45deg,transparent 49.85%,rgba(76,62,45,.68) 50%,transparent 50.15%);border:12px solid #59402e;border-radius:18px;box-shadow:inset 0 0 0 3px #a2774d,0 16px 34px rgba(45,31,20,.22)}.yut-board:before{content:'';position:absolute;inset:10%;border:1.5px solid rgba(76,62,45,.75)}.yut-node{position:absolute;z-index:2;width:6.5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#fff9e9;border:3px solid #bd8b4c;box-shadow:0 1px 0 #fff inset}.yut-node.is-major{width:8.6%;background:#bd8b4c;border:3px double #fff0d0;box-shadow:0 0 0 2px #bd8b4c}.yut-node small{position:absolute;left:50%;top:110%;transform:translateX(-50%);width:68px;text-align:center;font-size:clamp(.42rem,1.1vw,.68rem);line-height:1.05;color:#563a26;font-weight:900}.yut-node[data-node="S"] small{top:auto;bottom:110%}.yut-piece{position:absolute;z-index:6;width:7%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;font-weight:900;border:3px solid rgba(255,255,255,.9);box-shadow:0 3px 8px rgba(0,0,0,.38);transition:left .42s ease,top .42s ease;padding:0}.yut-piece.red{background:var(--red)}.yut-piece.blue{background:var(--blue)}.yut-piece.is-selectable{cursor:pointer;animation:yutPulse 1s infinite;outline:4px solid rgba(255,197,59,.45)}@keyframes yutPulse{50%{transform:translate(-50%,-50%) scale(1.14)}}
.yut-sticks{display:flex;justify-content:center;gap:.55rem;min-height:108px;align-items:center}.yut-stick{width:24px;height:92px;border-radius:13px;background:linear-gradient(90deg,#754525,#c99455 45%,#6b3e21);box-shadow:0 8px 10px rgba(0,0,0,.2);transition:transform .35s}.yut-stick.back{background:linear-gradient(90deg,#e2b978,#ffe3a4 45%,#bc8748)}.yut-sticks.is-throwing .yut-stick:nth-child(odd){transform:translateY(-14px) rotate(18deg)}.yut-sticks.is-throwing .yut-stick:nth-child(even){transform:translateY(9px) rotate(-14deg)}.yut-result{font-size:1.4rem;font-weight:900;text-align:center;min-height:2.2rem;color:#7c3829}.yut-move-hint{text-align:center;background:#fff4cf;border-radius:12px;padding:.65rem;font-size:.84rem;color:#69532a;margin:.35rem 0 .8rem}.yut-log{max-height:250px;overflow:auto}.yut-log li{padding:.55rem 0;border-bottom:1px dashed #ded1b9;font-size:.9rem}.yut-log .is-catch{color:#a42f22;font-weight:800}.yut-log .is-bonus{color:#936300;font-weight:800}.yut-log .is-win{color:#16704d;font-weight:900}
.yut-team{border:1px solid #e7dac1;border-radius:16px;padding:.9rem;background:#fff;margin-bottom:.85rem}.yut-team-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.7rem}.yut-team-name{font-weight:900}.yut-team-counts{font-size:.7rem;color:#756b5b;display:flex;gap:.45rem}.yut-piece-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.yut-mini-piece{min-width:0;border:0;border-radius:12px;padding:.5rem .2rem;color:#fff;box-shadow:0 3px 7px rgba(0,0,0,.14)}.yut-mini-piece.red{background:#b8402d}.yut-mini-piece.blue{background:#315c8a}.yut-mini-piece.home{opacity:.72}.yut-mini-piece.finished{background:#75806f;opacity:.72}.yut-mini-piece:disabled{cursor:default}.yut-mini-piece:not(:disabled){outline:3px solid #f0c14a;transform:translateY(-2px);cursor:pointer}.yut-mini-piece b,.yut-mini-piece small{display:block}.yut-mini-piece small{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yut-watch-badge{display:inline-flex;align-items:center;gap:.45rem;background:#e8f5ef;color:#176947;padding:.4rem .75rem;border-radius:999px;font-weight:800;font-size:.8rem}.yut-rule-note{border-left:4px solid #b8402d;padding-left:1rem;color:#6c6253}.yut-rule-list li{margin-bottom:.65rem}@media(max-width:767px){.yut-info{grid-template-columns:1fr 1fr}.yut-board{border-width:8px}.yut-node{border-width:2px}.yut-node small{display:none}.yut-hero{border-radius:20px}.yut-actions .btn{flex:1 1 45%}.yut-piece{width:8.5%;font-size:.72rem}.yut-team-counts{font-size:.62rem}}