:root{--apple-bg:transparent;--apple-card-bg:#ffffff7a;--apple-card-border:#ffffff8c;--apple-text-primary:#1d1d1f;--apple-text-secondary:#6e6e73;--apple-separator:#00000012;--pink-accent-bg:#fff0f5bf;--pink-accent-border:#f472b6;--pink-accent-glow:#f472b640;--die-bg:#ffffffd9;--die-border:#1d1d1f;--die-shadow:#0000000f}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}html,body{width:100%;height:100%;color:var(--apple-text-primary);-webkit-font-smoothing:antialiased;background-color:#f5f5f7;overflow:hidden}.bg-waves-wrapper{z-index:0;opacity:.85;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{background:var(--apple-card-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-left:1px solid var(--apple-card-border);border-right:1px solid var(--apple-card-border);z-index:1;flex-direction:column;width:100vw;max-width:680px;height:100dvh;margin:0 auto;padding:clamp(8px,1.8vh,14px) clamp(10px,2.5vw,18px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0000000f}.hidden{display:none!important}.btn-icon{flex-shrink:0;width:18px;height:18px;margin-right:8px}.btn-icon-sm{flex-shrink:0;width:15px;height:15px;margin-right:6px}.trophy-icon{width:44px;height:44px;margin:0 auto}.welcome-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#f5f5f740;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.welcome-screen .card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffad;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:clamp(20px,4vh,32px) clamp(18px,3vw,26px);display:flex;box-shadow:0 12px 32px #0000000f}.welcome-screen h1{letter-spacing:-.5px;color:var(--apple-text-primary);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.welcome-screen h2{letter-spacing:-.3px;color:var(--apple-text-primary);font-size:clamp(1.2rem,3vw,1.4rem);font-weight:600}.text-input,.code-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;width:100%;height:44px;color:var(--apple-text-primary);background:#ffffffa6;border:1px solid #0000001a;border-radius:10px;outline:none;padding:8px 14px;font-size:1rem;transition:border-color .2s,background-color .2s}.text-input:focus,.code-input:focus{border-color:var(--pink-accent-border);background:#ffffffd9}.code-input{letter-spacing:6px;font-size:1.3rem;font-weight:700}.primary-btn{background:var(--apple-text-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:clamp(42px,5vh,48px);font-size:clamp(.95rem,2vw,1rem);font-weight:600;transition:transform .15s,opacity .15s,background .15s;display:flex;box-shadow:0 3px 10px #0000001f}.primary-btn:active{opacity:.9;transform:scale(.98)}.primary-btn:disabled{cursor:not-allowed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a1a1a6!important;box-shadow:none!important;text-shadow:none!important;background:#e5e5eab3!important;border:1px solid #00000014!important;transform:none!important}.primary-btn.secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--apple-text-primary);background:#ffffffb3;border:1px solid #0000001f;box-shadow:0 2px 6px #0000000a}.link-btn{color:var(--apple-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:4px;padding:6px;font-size:.88rem;text-decoration:underline;display:inline-flex}.join-box{flex-direction:column;gap:8px;display:flex}.divider{color:var(--apple-text-secondary);font-size:.85rem}.room-code-badge{border:1px solid var(--apple-card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--apple-text-primary);background:#ffffffa6;border-radius:12px;padding:10px;font-size:1.25rem;font-weight:700}.invite-link-section{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--apple-card-border);background:#ffffffa6;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.invite-link-section label{color:var(--apple-text-secondary);font-size:.82rem;font-weight:600}.invite-input-row{gap:6px;display:flex}.invite-input{text-align:left;flex:1;height:38px;font-size:.85rem}.copy-btn{white-space:nowrap;width:auto;height:38px;padding:0 12px;font-size:.85rem}.copy-feedback{color:#10b981;font-size:.8rem;font-weight:600}.lobby-status-text{margin-top:4px;font-size:.92rem;font-weight:600}.player-list{text-align:left;flex-direction:column;gap:6px;list-style:none;display:flex}.player-list li{border:1px solid var(--apple-separator);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border-radius:8px;padding:8px 12px;font-size:.92rem;font-weight:600}.game-board{flex-direction:column;justify-content:space-between;gap:clamp(6px,1.2vh,12px);height:100%;display:flex;overflow:visible!important}.game-header{border-bottom:1px solid var(--apple-separator);z-index:10;flex-direction:column;gap:4px;padding-bottom:6px;display:flex;position:relative}.header-top{justify-content:space-between;align-items:center;display:flex}.header-top .logo{color:var(--apple-text-primary);letter-spacing:-.4px;font-size:clamp(1.2rem,2.8vw,1.45rem);font-weight:700}.mode-badge{color:var(--apple-text-primary);background:#0000000d;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600}.active-turn-banner{background:var(--apple-text-primary);color:#fff;text-align:center;border-radius:8px;padding:4px;font-size:.85rem}.active-turn-banner.my-turn{background:var(--pink-accent-border)}.player-tabs-bar{border-bottom:1px solid var(--apple-separator);gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.player-tab{cursor:pointer;white-space:nowrap;height:32px;color:var(--apple-text-secondary);background:#0000000a;border:none;border-radius:8px 8px 0 0;flex:1;padding:4px 8px;font-size:.8rem;font-weight:600}.player-tab.active{color:var(--apple-text-primary);border-top:2px solid var(--apple-text-primary);background:#ffffffbf}.scorecard-section{flex-direction:column;flex:1;justify-content:space-between;gap:8px;min-height:0;display:flex;overflow:visible!important}.tables-wrapper{flex:1;grid-template-columns:1fr 1fr;gap:clamp(8px,1.8vw,14px);min-height:0;display:grid}.score-block{-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border:1px solid #fff9;border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000008}.score-block h3{text-align:center;color:var(--apple-text-secondary);border-bottom:1px solid var(--apple-separator);letter-spacing:-.2px;background:#00000006;padding:6px 8px;font-size:clamp(.82rem,1.7vw,.95rem);font-weight:600}.score-table{border-collapse:collapse;table-layout:fixed;width:100%;height:100%}.score-table td{border:none;border-bottom:1px solid var(--apple-separator);vertical-align:middle;height:14.2857%;color:var(--apple-text-primary);background:#ffffff59;padding:clamp(4px,.8vh,7px) clamp(8px,1.2vw,12px);font-size:clamp(.82rem,1.8vw,.95rem);font-weight:500;transition:background-color .15s}.score-table tr:last-child td{border-bottom:none}.score-table td.score-val{text-align:right;width:48px}.score-row.preview .score-val{color:#a1a1a6;opacity:.85;font-style:normal;font-weight:400!important}.score-row.filled .score-val{color:var(--apple-text-primary);opacity:1;font-weight:700!important}.score-row.filled{cursor:default;background-color:var(--pink-accent-bg)}.score-row.selectable:hover,.score-row.selectable:active{background-color:#fdf2f8b3}.summary-row{background-color:#00000005;font-weight:600}.summary-row td{color:var(--apple-text-secondary)}.grand-total-box{-webkit-backdrop-filter:blur(16px);height:clamp(38px,4.8vh,44px);color:var(--apple-text-primary);background:#fff9;border:1px solid #fff9;border-radius:12px;justify-content:space-between;align-items:center;padding:6px 16px;font-size:clamp(.98rem,2.2vw,1.15rem);font-weight:700;display:flex;box-shadow:0 2px 8px #00000008}.dice-section{-webkit-backdrop-filter:blur(20px);z-index:50;background:#ffffff94;border:1px solid #fff9;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:clamp(8px,1.2vh,12px);display:flex;position:relative;box-shadow:0 4px 16px #0000000a;overflow:visible!important}.dice-section .status-bar{width:100%;color:var(--apple-text-secondary);border-bottom:1px solid var(--apple-separator);justify-content:space-around;margin-bottom:clamp(2px,.4vh,4px);padding-bottom:clamp(6px,1vh,8px);font-size:clamp(.85rem,2vw,.95rem);font-weight:600;display:flex}.dice-section .status-item span{color:var(--apple-text-primary);font-weight:700}.dice-grid{grid-template-columns:repeat(5,1fr);gap:clamp(4px,1.5vw,10px);width:100%;display:grid;overflow:visible!important}.die-btn{aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:1;background:#ffffffbf;border:1.5px solid #0000001f;border-radius:12px;justify-content:center;align-items:center;min-height:clamp(44px,6.5vh,60px);padding:2px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 6px #0000000a;overflow:visible!important}.die-btn .die-value{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:visible!important}.cube-container{perspective:600px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:visible!important}.cube{width:38px;height:38px;transform-style:preserve-3d;will-change:transform;position:relative}.cube .face{backface-visibility:hidden;background:#fff;border:1.5px solid #1d1d1f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:2px;display:flex;position:absolute;box-shadow:inset 0 0 2px #00000014}.cube .face.front{transform:rotateY(0)translateZ(19px)}.cube .face.top{transform:rotateX(90deg)translateZ(19px)}.cube .face.right{transform:rotateY(90deg)translateZ(19px)}.cube .face.left{transform:rotateY(-90deg)translateZ(19px)}.cube .face.bottom{transform:rotateX(-90deg)translateZ(19px)}.cube .face.back{transform:rotateY(180deg)translateZ(19px)}.die-svg{color:#1d1d1f;width:100%;height:100%}.die-btn.held{background:var(--pink-accent-bg);border-color:var(--pink-accent-border);box-shadow:0 4px 12px var(--pink-accent-glow);border-width:2px}.roll-btn{background:var(--apple-text-primary);color:#fff;border-radius:12px;height:clamp(38px,5vh,46px);font-weight:600}.modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#00000059;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffffd9;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:24px;display:flex;box-shadow:0 12px 40px #0000001f}@media (width>=640px){.container{border:1px solid #fff9;border-radius:22px;max-width:760px;height:96dvh;margin:2dvh auto;box-shadow:0 16px 48px #00000014}.welcome-screen .card{max-width:480px}}@media (width>=1024px){.container{border-radius:26px;max-width:960px;height:92dvh;margin:4dvh auto;padding:24px 28px}.welcome-screen .card{gap:22px;max-width:540px;padding:40px 36px}.tables-wrapper{gap:20px}.score-table td{padding:10px 16px;font-size:1rem}.score-block h3{padding:10px 14px;font-size:1.05rem}.grand-total-box{border-radius:14px;height:48px;padding:10px 24px;font-size:1.25rem}.dice-section{border-radius:20px;gap:14px;padding:16px 24px}.dice-grid{gap:16px}.cube{width:48px;height:48px}.cube .face{border-radius:10px;width:48px;height:48px}.cube .face.front{transform:rotateY(0)translateZ(24px)}.cube .face.top{transform:rotateX(90deg)translateZ(24px)}.cube .face.right{transform:rotateY(90deg)translateZ(24px)}.cube .face.left{transform:rotateY(-90deg)translateZ(24px)}.cube .face.bottom{transform:rotateX(-90deg)translateZ(24px)}.cube .face.back{transform:rotateY(180deg)translateZ(24px)}.die-btn{border-radius:16px;min-height:72px}.primary-btn{border-radius:14px;height:52px;font-size:1.05rem}}@media (width>=1400px){.container{border-radius:30px;max-width:1100px;height:88dvh;margin:6dvh auto;padding:28px 36px}.cube,.cube .face{width:54px;height:54px}.cube .face.front{transform:rotateY(0)translateZ(27px)}.cube .face.top{transform:rotateX(90deg)translateZ(27px)}.cube .face.right{transform:rotateY(90deg)translateZ(27px)}.cube .face.left{transform:rotateY(-90deg)translateZ(27px)}.cube .face.bottom{transform:rotateX(-90deg)translateZ(27px)}.cube .face.back{transform:rotateY(180deg)translateZ(27px)}.die-btn{border-radius:18px;min-height:84px}}.gradient-waves-container{width:100%;height:100%;position:relative;overflow:hidden}