:root{--gold:#d9b55d;--gold-light:#ffe5a0;--gold-soft:#d8c488;--ivory:#f7efd9;--muted:#b8ad98;--ink:#05070b;--panel:#0c1018;--line:#5d4a24;--cube-size:clamp(174px,56vw,280px);--cube-count:3;--cubie-size:calc(var(--cube-size)/var(--cube-count));--half-cubie:calc(var(--cubie-size)/2)}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink);color-scheme:dark}body{min-height:100svh;margin:0;background:radial-gradient(circle at 50% 10%,#283149 0,#101623 24%,#07090f 61%,#030405 100%);color:var(--ivory);font-family:Arial,sans-serif;overflow-x:hidden}button,a,select,input{font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{touch-action:manipulation}button:focus,a:focus{outline:none}
.game-sitebar{position:sticky;top:0;z-index:50;display:flex;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4f4022;padding:env(safe-area-inset-top) max(12px,calc((100% - 980px)/2 + 12px)) 0;background:#07090fed;box-shadow:0 10px 32px #000b;backdrop-filter:blur(14px)}
.game-sitebrand{display:inline-flex;min-height:36px;align-items:center;border:1px solid #efd58d;border-radius:999px;padding:8px 44px 8px 12px;background:linear-gradient(90deg,#ffe7a0 0,#d3ad50 48%,#6d4d1d 100%);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .845rem/1 Arial,sans-serif;letter-spacing:.06em;text-decoration:none;white-space:nowrap}.game-sitebrand span{color:inherit;font-size:inherit;letter-spacing:inherit}
.game-home-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid #f5dda0;border-radius:999px;padding:7px 14px;background:linear-gradient(110deg,#aa7d2b,#f3dc91 48%,#ae812d);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .72rem/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.game-home-button:hover{background:linear-gradient(110deg,#c79d48,#ffe9a8 48%,#c79d48)}.game-sitebrand:focus-visible,.game-home-button:focus-visible{outline:3px solid #fff1b8;outline-offset:2px}
.game-shell{width:min(100%,980px);min-height:calc(100svh - 52px);margin:auto;padding:10px 10px calc(18px + env(safe-area-inset-bottom))}.topbar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px}.game-identity{min-width:0}.game-identity h1{margin:0;color:var(--gold-light);font:normal clamp(20px,5.2vw,27px)/1 Georgia,serif;white-space:nowrap}.player-name{display:block;min-height:10px;margin-top:3px;color:#b7aa91;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.top-actions{display:flex;gap:7px}.icon-button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #80662f;border-radius:50%;background:linear-gradient(145deg,#192131,#080b11);box-shadow:inset 0 1px #fff2,0 5px 14px #0008;color:var(--gold-light);font-size:18px;cursor:pointer}.icon-button:active{transform:translateY(1px)}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.turn-arrow:focus-visible,.face-turn-button:focus-visible,.joystick-base:focus-visible{outline:3px solid #fff1b8;outline-offset:2px}.info-icon{font:italic bold 17px Georgia,serif}
.scorebar{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:8px;border-block:1px solid #6d5629;background:#080b11aa}.scorebar.timer-visible{grid-template-columns:repeat(3,1fr)}.scorebar>div{padding:7px 4px;text-align:center;border-right:1px solid #42351d}.scorebar>div:last-child{border-right:0}.scorebar span{display:block;color:#a89c86;font-size:8px;font-weight:800;letter-spacing:.14em}.scorebar strong{display:block;margin-top:2px;color:var(--gold-light);font:normal 19px Georgia,serif}
.premium-stage{position:relative;isolation:isolate;overflow:hidden;min-height:585px;border:0;border-radius:20px;padding:6px 10px 12px;background:radial-gradient(circle at 50% 32%,#26334e 0,#111827 38%,#080b12 72%,#040609 100%);box-shadow:none}.stage-glow{position:absolute;z-index:-1;width:240px;height:240px;border-radius:50%;filter:blur(50px);opacity:.2}.stage-glow-left{left:-130px;top:27%;background:#d7a73f}.stage-glow-right{right:-130px;top:12%;background:#4d76cb}.message{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.cube-viewport{--cube-center-y:34%;position:relative;height:clamp(440px,70vw,500px);margin-top:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;perspective:950px}.turn-canvas{position:absolute;z-index:2;inset:0;display:none;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 14px 15px #0009) drop-shadow(0 0 9px #ffe29a33)}.turn-canvas.active{display:block}.cube-scene{position:absolute;left:50%;top:var(--cube-center-y);width:0;height:0;transform-style:preserve-3d}.cube{position:absolute;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--view-x,-25deg)) rotateY(var(--view-y,-36deg));transition:filter .2s}.cube.busy{filter:drop-shadow(0 0 13px #ffe29a66)}
.cubie-orbit{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.cubie{position:absolute;left:calc(var(--cubie-size)/-2);top:calc(var(--cubie-size)/-2);width:var(--cubie-size);height:var(--cubie-size);pointer-events:none;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.cubie-face{position:absolute;inset:1px;display:block;border:1px solid #020305;border-radius:clamp(5px,1.5vw,10px);background:linear-gradient(145deg,#20242d,#080a0e 72%);box-shadow:inset 0 0 0 2px #000,inset 0 1px 2px #ffffff20;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.cubie-face::after{content:"";position:absolute;inset:6%;border-radius:clamp(4px,1.2vw,8px);background:var(--sticker,#11151e);box-shadow:inset 0 1px 2px #fff8,inset 0 -5px 10px #0005,0 0 0 1px #0009;transition:filter .15s}.face-front{transform:rotateY(0deg) translateZ(var(--half-cubie))}.face-back{transform:rotateY(180deg) translateZ(var(--half-cubie))}.face-right{transform:rotateY(90deg) translateZ(var(--half-cubie))}.face-left{transform:rotateY(-90deg) translateZ(var(--half-cubie))}.face-top{transform:rotateX(90deg) translateZ(var(--half-cubie))}.face-bottom{transform:rotateX(-90deg) translateZ(var(--half-cubie))}
.sticker-white{--sticker:linear-gradient(145deg,#fff,#d9dbe0)}.sticker-yellow{--sticker:linear-gradient(145deg,#ffe970,#e9af00)}.sticker-orange{--sticker:linear-gradient(145deg,#ffad38,#e25a08)}.sticker-red{--sticker:linear-gradient(145deg,#ff5b51,#b60918)}.sticker-green{--sticker:linear-gradient(145deg,#50dd91,#078c52)}.sticker-blue{--sticker:linear-gradient(145deg,#58bfff,#1457c7)}
.touch-controller{position:absolute;z-index:6;right:8px;bottom:5px;left:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none}.layer-control,.joystick-control{pointer-events:auto}.layer-control{display:grid;width:174px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;border:1px solid #6f592b;border-radius:16px;padding:8px;background:#070a10e8;box-shadow:0 10px 28px #000b,inset 0 1px #fff1;backdrop-filter:blur(8px)}.selected-face-label{color:#a99e89;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.selected-face-value{display:grid;width:27px;height:27px;grid-row:1;grid-column:2;place-items:center;border:1px solid #80662f;border-radius:50%;color:var(--gold-light);font:normal 17px Georgia,serif}.arrow-pad{position:relative;display:grid;height:96px;grid-column:1/-1;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px}.turn-arrow,.face-turn-button{display:grid;min-width:0;place-items:center;border:1px solid #77622f;border-radius:10px;background:linear-gradient(145deg,#1a2230,#080b11);box-shadow:inset 0 1px #fff1;color:#ffe5a0;font-size:18px;touch-action:none}.turn-arrow:active,.face-turn-button:active{transform:scale(.92);background:linear-gradient(145deg,#a77c2c,#e4c878)}.turn-arrow:disabled,.face-turn-button:disabled{opacity:.28}.turn-arrow.hint-pulse,.face-turn-button.hint-pulse,.secondary-button.hint-pulse{animation:hint-pulse .7s ease-in-out 3}.turn-up{grid-area:1/2}.turn-left{grid-area:2/1}.arrow-centre{display:grid;grid-area:2/2;place-items:center;color:#79642e}.turn-right{grid-area:2/3}.turn-down{grid-area:3/2}.face-turn-row{display:grid;height:34px;grid-column:1/-1;grid-template-columns:42px 1fr 42px;align-items:center;gap:5px;margin-top:4px}.face-turn-row span{text-align:center;color:#9e927c;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.face-turn-button{height:34px;font-size:20px}.joystick-control{display:grid;justify-items:center;gap:5px;color:#b5aa94;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.joystick-base{position:relative;width:112px;height:112px;border:1px solid #9b7d3b;border-radius:50%;background:radial-gradient(circle,#202a3c 0 16%,#111722 17% 52%,#080b11 53%);box-shadow:inset 0 0 22px #000,0 10px 28px #000b;touch-action:none}.joystick-base::before,.joystick-base::after{content:"";position:absolute;background:#8b743c55}.joystick-base::before{left:15%;right:15%;top:50%;height:1px}.joystick-base::after{top:15%;bottom:15%;left:50%;width:1px}.joystick-knob{position:absolute;z-index:2;left:50%;top:50%;width:46px;height:46px;border:1px solid #f3d98f;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff1b1,#c69a3f 45%,#5c3d14 100%);box-shadow:inset 0 2px #fff9,0 6px 13px #000b;transform:translate(-50%,-50%);will-change:transform}.move-console{position:relative;z-index:3;width:min(100%,600px);margin:4px auto 0}.assist-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:12px;padding:10px 14px;font-weight:900;letter-spacing:.03em;text-decoration:none;cursor:pointer}.primary-button{border:1px solid #ffe3a0;background:linear-gradient(110deg,#a47727,#f2dc92 48%,#a47727);box-shadow:inset 0 1px #fff9,0 8px 18px #0007;color:#090806}.secondary-button{border:1px solid #77622f;background:linear-gradient(145deg,#171e2b,#080b11);color:#ead9a8}.assist-row .secondary-button{min-height:38px;padding:8px;font-size:11px}.secondary-button:disabled{opacity:.38;cursor:not-allowed}@keyframes hint-pulse{50%{border-color:#fff0b0;background:#b88a32;color:#090806;box-shadow:0 0 18px #ffd96d}}
.play-secondary-ad{display:grid;min-height:90px;place-items:center;margin-top:16px;border:1px dashed #615332;border-radius:14px;background:#080b11aa;color:#837a69;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
dialog{width:min(calc(100% - 24px),560px);max-height:min(88svh,760px);overflow:auto;border:1px solid #8a6d33;border-radius:20px;padding:20px;background:linear-gradient(155deg,#151c29,#070a10 68%);box-shadow:0 28px 90px #000;color:var(--ivory)}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dialog-top h2,dialog>h2{margin:0;color:var(--gold-light);font:normal 25px Georgia,serif}.dialog-top .icon-button{width:35px;height:35px;font-size:14px}.select-field,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #3b321f;padding:13px 0;color:#eee0b6}.select-field>span{min-width:0}.select-field b,.select-field small{display:block}.select-field small{margin-top:4px;color:#938b7d;font-size:10px;line-height:1.35}.select-field select{max-width:45%;border:1px solid #77622f;border-radius:9px;padding:8px;background:#080b12;color:#f6e8bd}.switch-row input{width:44px;height:24px;accent-color:#d9b55d}.settings-note{color:#9f9687;font-size:11px}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}form>.primary-button{width:100%;margin-top:12px}.eyebrow{margin:0 0 8px;color:#bba45f;font-size:9px;font-weight:900;letter-spacing:.16em}.info-content-card,.record-ready-note,.account-benefit-prompt{margin-top:12px;border:1px solid #5c4a27;border-radius:14px;padding:15px;background:#090d15cc}.info-content-card h3,.record-ready-note strong,.account-benefit-prompt strong{display:block;margin:0 0 7px;color:#f3d98f;font:normal 19px Georgia,serif}.info-content-card p,.record-ready-note p,.account-benefit-prompt p{margin:0;color:#c5bba8;font-size:12px;line-height:1.55}.account-benefit-eyebrow{display:block;margin-bottom:7px;color:#a99557;font-size:8px;font-weight:900;letter-spacing:.14em}.account-benefit-actions{display:grid;gap:9px;margin-top:13px}.account-login-link{text-align:center;color:#d8c78f;font-size:11px}.game-menu-guide-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.game-menu-guide-list li{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:9px}.game-menu-guide-list p{margin:0}.game-menu-guide-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid #745e2d;border-radius:50%;color:var(--gold-light)}.sound-volume-list{border-top:1px solid #3b321f}.sound-volume-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #302819}.sound-volume-row>span{display:flex;justify-content:space-between;grid-column:1/-1;color:#ded1ae;font-size:12px}.sound-volume-row input{width:100%;accent-color:#d9b55d;touch-action:none}.sound-preview{border:1px solid #745e2d;border-radius:8px;background:#101621;color:#efd994;font-size:10px}.result-dialog{text-align:center}.result-cube{margin:10px auto;color:#f0c75c;font-size:54px;text-shadow:0 0 22px #f0c75c}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;border-block:1px solid #4d4026}.result-stats>div{padding:10px;border-right:1px solid #332b1d}.result-stats>div:last-child{border:0}.result-stats strong,.result-stats span{display:block}.result-stats strong{color:#ffe3a0;font:normal 22px Georgia,serif}.result-stats span{margin-top:3px;color:#9f9583;font-size:8px;font-weight:900;letter-spacing:.12em}.result-dialog>.primary-button,.result-close{width:100%;margin-top:8px}.record-status{min-height:15px;color:#a99d84;font-size:10px}
@media(max-width:520px){:root{--cube-size:clamp(172px,56vw,228px)}.game-shell{min-height:0;padding-inline:6px}.top-actions{gap:4px}.icon-button{width:36px;height:36px}.premium-stage{min-height:550px;padding-inline:6px}.cube-viewport{--cube-center-y:35%;height:525px}.game-identity h1{font-size:20px}.layer-control{width:152px}.joystick-base{width:96px;height:96px}.joystick-knob{width:42px;height:42px}}
@media(min-width:700px){.premium-stage{min-height:700px}.cube-viewport{height:530px}:root{--cube-size:300px}}
@media(min-width:650px) and (max-width:1100px) and (min-height:850px) and (orientation:portrait){:root{--cube-size:clamp(370px,52vw,430px)}.game-shell{width:100%;padding-inline:12px}.premium-stage{min-height:max(790px,calc(100svh - 234px));padding-inline:12px}.cube-viewport{--cube-center-y:34%;height:max(765px,calc(100svh - 259px))}.touch-controller{bottom:12px;width:min(calc(100% - 34px),700px);grid-template-columns:minmax(205px,230px) minmax(140px,1fr) 140px;gap:14px}.layer-control{padding:10px}.arrow-pad{height:112px;gap:5px}.face-turn-row{height:40px;grid-template-columns:50px 1fr 50px}.face-turn-button{height:40px}.joystick-base{width:132px;height:132px}.joystick-knob{width:52px;height:52px}.controller-action{min-height:48px;font-size:14px}}
@media(orientation:landscape) and (max-height:700px){.premium-stage{min-height:505px}.cube-viewport{--cube-center-y:39%;height:395px}.touch-controller{right:5px;left:auto;width:330px}.layer-control{width:150px}.joystick-base{width:96px;height:96px}.move-console{width:420px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.touch-controller{right:auto;bottom:5px;left:50%;display:grid;width:min(calc(100% - 16px),520px);grid-template-columns:minmax(166px,174px) minmax(90px,1fr) 112px;align-items:end;justify-content:normal;gap:10px;transform:translateX(-50%)}.layer-control{width:100%}.view-control-stack{display:grid;align-self:end;gap:8px;pointer-events:none}.controller-action{width:100%;min-height:40px;padding:7px 6px;text-align:center;font-size:12px;line-height:1.15;pointer-events:auto;touch-action:manipulation}.controller-undo{align-self:end}.view-control-stack .joystick-control,.view-control-stack .controller-action{pointer-events:auto}
@media(max-width:520px){.touch-controller{width:calc(100% - 8px);grid-template-columns:152px minmax(82px,1fr) 96px;gap:6px}.layer-control{width:100%}.controller-action{min-height:40px;padding-inline:4px;font-size:11px}}
@media(orientation:landscape) and (max-height:700px){.touch-controller{right:auto;left:50%;width:min(calc(100% - 10px),430px);grid-template-columns:150px minmax(90px,1fr) 96px;transform:translateX(-50%)}}
.preview-capture .game-sitebar{display:none}.preview-capture .game-shell{min-height:100svh;padding-top:8px}.preview-capture .play-secondary-ad{display:none}
@media(min-width:650px) and (max-width:1100px) and (min-height:850px) and (orientation:portrait){.touch-controller{bottom:12px;width:min(calc(100% - 34px),700px);grid-template-columns:minmax(205px,230px) minmax(140px,1fr) 140px;gap:14px}.controller-action{min-height:48px;font-size:14px}}
.start-game-button{position:absolute;z-index:8;top:12px;left:50%;min-width:160px;transform:translateX(-50%)}
