:root{--wood-dark: #3a2417;--wood-mid: #5a3a23;--wood-light: #7a5230;--felt: #2f5d3a;--felt-dark: #234a2d;--cream: #f4e6c8;--gold: #d8a64a;--me-green: #4caf50;--me-green-dark: #2e7d32;--opp-red: #d4493f;--opp-red-dark: #a3322a;--shield-green: #5fd16a;--kkagi-orange: #ff9326;--die-bg: #f3e3c0;--die-edge: #b98c4e;--pip: #3a2417;--text: #f4e6c8;--slot-size: 56px;--die-size: 50px;--die-size-small: 38px;--row-gap: 8px;--score-min: 96px;--score-num: 20px;--waiting-w: 96px;--area-gap: 14px}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;background:radial-gradient(ellipse at 50% 35%,#28180e00 40%,#140b06b3),url(/assets/bg_table-Da7DKd6t.webp) center / cover no-repeat,#1d1009;color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default}.app{max-width:1100px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:12px 16px 20px}.profile-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(180deg,var(--wood-light),var(--wood-mid));border:2px solid #2a1810;border-radius:14px;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0006}.profile{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;transition:background .2s}.profile--opp{justify-content:flex-end}.profile--active{background:#ffffff1f;box-shadow:0 0 0 2px var(--gold)}.avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.avatar--me{background-image:url(/assets/avatar_me-B2ymdI7A.webp)}.avatar--opp{background-image:url(/assets/avatar_opp-CW5hd-Kk.webp)}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-info--right{align-items:flex-end}.profile-name{font-weight:700;font-size:15px}.profile-first{font-size:11px;color:var(--gold)}.turn-badge{font-size:12px;font-weight:800;letter-spacing:1px;color:#2a1810;background:var(--gold);padding:3px 8px;border-radius:8px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.logo-menu{display:flex;flex-direction:column;align-items:center;gap:4px}.logo-sign{position:relative;width:180px;height:96px;background:url(/assets/logo-fIrFub17.webp) center / contain no-repeat;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));margin-top:-6px}.logo{position:absolute;bottom:26%;font-size:22px;font-weight:900;letter-spacing:1px;color:#f3d488;background:linear-gradient(180deg,#ffe9a8,#d8a64a 55%,#a9742a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.55),0 -1px 0 rgba(255,240,200,.25);filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.menu-btn{font-size:12px;padding:4px 12px;border-radius:8px;border:1px solid #2a1810;background:var(--wood-dark);color:var(--cream)}.menu-btn:hover{background:#4a3020}.meta-badge{display:flex;gap:8px;font-size:11px;color:var(--cream);opacity:.9}.meta-streak{color:var(--gold);font-weight:700}.status-banner{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;min-height:40px}.status-text{font-size:14px;color:var(--cream)}.roll-btn{font-size:15px;font-weight:800;padding:8px 22px;border-radius:10px;border:2px solid #2a1810;background:linear-gradient(180deg,var(--gold),#b9882f);color:#2a1810;box-shadow:0 3px #8a6420}.roll-btn:hover{filter:brightness(1.08)}.roll-btn:active{transform:translateY(2px);box-shadow:0 1px #8a6420}.betting-flag{font-size:13px;font-weight:700;color:var(--gold);border:1px dashed var(--gold);padding:3px 10px;border-radius:8px}.betting-flag--declared{color:#fff;background:var(--opp-red-dark);border-style:solid}.game-area{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--area-gap);align-items:center;flex:1}.mascot{position:absolute;bottom:-8px;width:120px;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.mascot--me{left:-78px}.mascot--opp{right:-82px}@media (max-width: 1280px){.mascot{display:none}}.waiting{width:var(--waiting-w);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:14px;border:3px solid #2a1810;background:var(--wood-mid)}.waiting--me{background:linear-gradient(180deg,var(--me-green),var(--me-green-dark))}.waiting--opp{background:linear-gradient(180deg,var(--opp-red),var(--opp-red-dark))}.waiting--active{box-shadow:0 0 0 3px var(--gold),0 0 18px #d8a64a80}.waiting--rollable{cursor:pointer}.waiting--rollable:hover{filter:brightness(1.08);box-shadow:0 0 0 3px var(--gold),0 0 24px #d8a64aa6}.waiting--rollable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.waiting-label{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.waiting-slot{flex:1;display:flex;align-items:center;justify-content:center;min-height:64px}.waiting-die{display:flex;flex-direction:column;align-items:center;gap:4px}.waiting-bonus-label{font-size:10px;font-weight:700;color:#fff}.waiting-choice{display:flex;flex-direction:column;align-items:center;gap:4px}.waiting-vs{font-size:11px;color:#fff;font-weight:700}.waiting-die--choice{border:none;background:none;padding:2px;border-radius:10px}.waiting-die--choice:not(:disabled):hover{background:#ffffff40}.board{display:flex;flex-direction:column;justify-content:center;gap:6px;background:url(/assets/board_frame-Y_73Vp5X.webp) center / 100% 100% no-repeat;padding:11.5% 9.5% 12%;aspect-ratio:374 / 232;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.board-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--row-gap);padding:4px 6px}.row-side{display:flex;gap:var(--row-gap)}.row-side--me{justify-content:flex-end}.row-side--opp{justify-content:flex-start}.slot{width:var(--slot-size);height:var(--slot-size);border-radius:10px;border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;transition:box-shadow .15s,transform .1s,border-color .15s,background .15s}.slot--empty{border:1px dashed rgba(40,24,14,.4);border-radius:9px;box-shadow:inset 0 1px 3px #00000040}.slot--clickable{cursor:pointer}.slot--clickable:hover{transform:translateY(-2px)}.slot--shield .die-face,.waiting-die--bonus .die-face{border-radius:12px;box-shadow:0 0 0 2px #5fd16af2,0 0 10px 2px #5fd16ab3,0 2px 3px #0006}.slot--kkagi{position:relative}.slot--kkagi:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:11px;border:2px dashed var(--kkagi-orange);box-shadow:0 0 14px #ff9326cc,inset 0 0 10px #ff932680;pointer-events:none;animation:kkagi-pulse 1.1s ease-in-out infinite}@keyframes kkagi-pulse{0%,to{opacity:.55}50%{opacity:1}}.slot--placeable{border-color:var(--gold);background:#d8a64a2e;box-shadow:0 0 10px #d8a64a80}.slot-place-hint{font-size:24px;color:var(--gold);font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.5)}.slot--kkagi-place{border:2px dashed var(--kkagi-orange);background:#ff932626;box-shadow:0 0 10px #ff932680}.slot-kkagi-hint{font-size:22px;color:var(--kkagi-orange);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}:root{--link-gold: #e8c062;--link-green: #7fc77a}.slot--combo{position:relative}.slot--combo .die-face{border-radius:12px;box-shadow:0 0 0 2px #7fc77ae6,0 0 0 3px #e8c0628c,0 0 9px 1px #e8c06273,0 2px 3px #0006}.slot--shield.slot--combo .die-face{box-shadow:0 0 0 2px #5fd16af2,0 0 10px 2px #5fd16ab3,0 0 0 4px #e8c06266,0 2px 3px #0006}.dice-clasp{position:absolute;top:50%;left:100%;width:calc(var(--row-gap) + 8px);height:14px;transform:translate(-4px,-50%);pointer-events:none;z-index:2;background:radial-gradient(circle at 2px 50%,var(--link-gold) 0 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 2px) 50%,var(--link-gold) 0 3px,transparent 3.5px),linear-gradient(180deg,transparent 38%,rgba(168,116,42,.9) 38%,var(--link-gold) 50%,rgba(168,116,42,.9) 62%,transparent 62%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.die-face{width:var(--die-size);height:var(--die-size);position:relative;background:url(data:image/webp;base64,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) center / contain no-repeat;box-shadow:0 2px 3px #0006;display:flex;align-items:center;justify-content:center}.die-face--small{width:var(--die-size-small);height:var(--die-size-small)}.die-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:78%;height:78%}.die-pip{display:block}.die-pip--on{background:radial-gradient(circle at 38% 32%,#5a3a23,#2e1c10 75%);border-radius:50%;box-shadow:inset 0 1px 2px #000000b3,0 1px #fff5dc73;align-self:center;justify-self:center;width:clamp(5px,calc(var(--die-size) * .18),9px);height:clamp(5px,calc(var(--die-size) * .18),9px)}.die-face--small .die-pip--on{width:clamp(4px,calc(var(--die-size-small) * .16),6px);height:clamp(4px,calc(var(--die-size-small) * .16),6px)}.score-center{display:flex;align-items:center;gap:6px;min-width:var(--score-min);justify-content:center;background:#00000059;border-radius:10px;padding:6px 8px;border:1px solid rgba(244,230,200,.2)}.score-num{font-size:var(--score-num);font-weight:800;min-width:28px;text-align:center;color:var(--cream)}.score-num--lead.score-num--me{color:var(--shield-green);text-shadow:0 0 6px rgba(95,209,106,.6)}.score-num--lead.score-num--opp{color:#ff8a80;text-shadow:0 0 6px rgba(212,73,63,.6)}.score-arrow{font-size:16px;font-weight:900}.score-arrow--me{color:var(--shield-green)}.score-arrow--opp{color:#ff8a80}.score-arrow--tie{color:#f4e6c866;font-size:12px}.action-bar{display:flex;justify-content:center;gap:12px;margin-top:16px}.act-btn{font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;border:2px solid #2a1810;background:linear-gradient(180deg,var(--wood-light),var(--wood-mid));color:var(--cream);box-shadow:0 3px #2a1810;transition:filter .12s,transform .08s}.act-btn:not(:disabled):hover{filter:brightness(1.12)}.act-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #2a1810}.act-btn:disabled{opacity:.45;box-shadow:none}.act-btn--bet{background:linear-gradient(180deg,var(--gold),#b9882f);color:#2a1810}.act-btn--declared{background:var(--opp-red-dark);color:#fff}.act-btn--used{opacity:.6}.act-check{color:var(--shield-green);font-weight:900}.start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.start-card{background:linear-gradient(180deg,var(--wood-light),var(--wood-dark));border:4px solid #2a1810;border-radius:20px;padding:36px 40px;width:100%;max-width:420px;text-align:center;box-shadow:0 10px 40px #0009}.start-title{font-size:40px;font-weight:900;color:var(--gold);margin:0 0 4px;text-shadow:0 3px 4px rgba(0,0,0,.6)}.start-sub{margin:0 0 28px;color:var(--cream);opacity:.8;font-size:14px}.start-section{margin-bottom:22px}.start-label{display:block;font-size:13px;margin-bottom:8px;color:var(--cream)}.difficulty-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.diff-btn{padding:8px 10px;border-radius:8px;border:2px solid #2a1810;background:var(--wood-mid);color:var(--gold);font-size:13px}.diff-btn--on{background:var(--gold);color:#2a1810;box-shadow:0 0 0 2px var(--cream)}.diff-btn--random{color:var(--cream);background:linear-gradient(180deg,var(--wood-light),var(--wood-mid))}.diff-btn--random.diff-btn--on{background:var(--gold);color:#2a1810}.start-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--cream);cursor:pointer}.start-btn{font-size:18px;font-weight:800;padding:12px 32px;border-radius:12px;border:2px solid #2a1810;background:linear-gradient(180deg,var(--me-green),var(--me-green-dark));color:#fff;box-shadow:0 4px #1b5e20;margin-top:6px}.start-btn:hover{filter:brightness(1.08)}.start-btn:active{transform:translateY(2px);box-shadow:0 2px #1b5e20}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-card{background:linear-gradient(180deg,var(--wood-light),var(--wood-dark));border:4px solid #2a1810;border-radius:20px;padding:36px 48px;text-align:center;box-shadow:0 12px 50px #000000b3;min-width:300px}.result-title{font-size:44px;font-weight:900;margin:0 0 16px}.result-title--win{color:var(--shield-green)}.result-title--lose{color:#ff8a80}.result-title--draw{color:var(--cream)}.result-meta{display:flex;gap:14px;justify-content:center;margin-bottom:20px;color:var(--cream);font-size:14px}.result-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 1024px){:root{--slot-size: 48px;--die-size: 44px;--die-size-small: 34px;--row-gap: 6px;--score-min: 84px;--score-num: 18px;--waiting-w: 84px;--area-gap: 10px}.app{padding:10px 12px 16px}.roll-btn,.act-btn,.menu-btn,.start-btn,.diff-btn{min-height:44px}}@media (pointer: coarse){.roll-btn,.act-btn,.menu-btn,.start-btn,.diff-btn{min-height:44px}}@media (max-width: 640px){:root{--slot-size: clamp(40px, 10vw, 46px);--die-size: clamp(36px, 9vw, 42px);--die-size-small: 28px;--row-gap: 3px;--score-min: 54px;--score-num: 16px}.app{padding-top:calc(8px + env(safe-area-inset-top));padding-right:calc(10px + env(safe-area-inset-right));padding-bottom:calc(32px + env(safe-area-inset-bottom));padding-left:calc(10px + env(safe-area-inset-left))}.board{padding:7% 6% 7.5%}.board-row{gap:4px;padding:3px 4px}.roll-btn,.act-btn,.menu-btn,.start-btn,.diff-btn{min-height:44px}.game-area{grid-template-columns:1fr;gap:8px;flex:0 1 auto}.waiting--opp{order:-1}.waiting--me{order:1}.waiting{width:100%;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:6px 10px}.waiting-slot{min-height:44px;flex:0 1 auto}.waiting-label{flex-shrink:0}.mascot{display:none}.profile-bar{gap:6px;padding:8px}.profile-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.profile{min-width:0;gap:6px;padding:4px}.profile-info{min-width:0}.avatar{width:40px;height:40px}.profile-name{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-sign{display:none}.action-bar{flex-wrap:wrap;gap:8px;margin-top:12px}.act-btn{font-size:13px;padding:9px 14px}.start-card{padding:28px 22px}.start-title{font-size:32px}}@media (max-width: 400px){:root{--slot-size: clamp(38px, 10.5vw, 42px);--die-size: clamp(34px, 9.3vw, 38px);--die-size-small: 24px;--row-gap: 3px;--score-min: 46px;--score-num: 15px}.app{padding-top:calc(6px + env(safe-area-inset-top));padding-right:calc(6px + env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-left:calc(6px + env(safe-area-inset-left))}.board{padding:6% 5.5% 6.5%;gap:4px}.board-row{padding:2px}.score-center{padding:4px 5px;gap:3px}.score-num{min-width:20px}.meta-badge{flex-wrap:wrap;gap:4px;font-size:10px}.logo-sign{width:96px;height:52px}}@media (orientation: landscape) and (max-height: 480px){:root{--slot-size: 34px;--die-size: 30px;--die-size-small: 24px;--row-gap: 4px;--score-min: 64px;--score-num: 15px;--waiting-w: 72px;--area-gap: 8px}.app{padding-top:4px;padding-right:calc(10px + env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:calc(10px + env(safe-area-inset-left));min-height:auto}.game-area{grid-template-columns:auto 1fr auto}.waiting{flex-direction:column;padding:6px;gap:4px}.status-banner{margin:6px 0;min-height:32px}.action-bar{margin-top:8px}.roll-btn,.act-btn,.menu-btn{min-height:44px}.mascot,.logo-sign{display:none}.board{padding:9% 8% 9.5%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.turn-badge{animation:none}.slot--kkagi:after{animation:none;opacity:1}.slot--clickable:hover,.slot--clickable:active{transform:none}}@media (max-width: 640px){.turn-badge{animation:none}.slot--kkagi:after{animation:none;opacity:1}}