@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--black:#0b0b0a;--black-2:#121210;--panel:#171714;--panel-2:#1d1c18;--paper:#e9e1cf;--paper-2:#d8ceb9;--paper-3:#bcb09a;--ink:#12110f;--orange:#e35b24;--orange-dark:#a63d18;--orange-soft:#f07a43;--blue:#496a73;--green:#71845d;--yellow:#cf9d42;--line:#e9e1cf24;--line-strong:#e9e1cf45;--shadow:#00000094;--r:3px;--r-lg:6px;--mono:"IBM Plex Mono", monospace;--sans:"Archivo", sans-serif}*{box-sizing:border-box;font-family:var(--sans);margin:0;padding:0}html{min-height:100%}body{background:linear-gradient(#e9e1cf06 1px, transparent 1px), linear-gradient(90deg, #e9e1cf06 1px, transparent 1px), var(--black);min-height:100vh;color:var(--paper);background-size:28px 28px;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"ARCHIVE / 35MM / 24FPS";font-family:var(--mono);letter-spacing:.08em;color:#e9e1cf09;transform-origin:100% 100%;pointer-events:none;z-index:-1;white-space:nowrap;font-size:clamp(44px,7vw,110px);line-height:.9;position:fixed;bottom:105px;right:-40px;transform:rotate(-90deg)}button,input{font:inherit}button{cursor:pointer}.glass-card,.room-container,.game-header,.game-main,.scoreboard{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:14px 14px 0 #00000042, 0 22px 45px var(--shadow);position:relative}.glass-card:before,.room-container:before,.game-header:before,.game-main:before,.scoreboard:before{content:"";border-top:2px solid var(--orange);border-left:2px solid var(--orange);pointer-events:none;width:18px;height:18px;position:absolute;top:10px;left:10px}.glass-card:after,.room-container:after,.game-header:after,.game-main:after,.scoreboard:after{content:"";background:var(--line-strong);pointer-events:none;width:38px;height:1px;position:absolute;inset:auto 14px 10px auto}.glass-card{text-align:left;width:min(92vw,470px);padding:50px 42px 32px}.glass-card:before{top:16px;left:16px}.glass-card h1,.title{color:var(--paper);letter-spacing:-.065em;text-transform:uppercase;max-width:7ch;margin-bottom:12px;font-size:clamp(32px,4vw,43px);font-weight:900;line-height:.92}.subtitle{color:var(--orange-soft);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:34px;font-size:10px;font-weight:600}.glass-card:after{content:"ROLL 001   /   TAKE 01   /   STATUS: OPEN";color:#e9e1cf57;width:auto;height:auto;font-family:var(--mono);letter-spacing:.14em;text-align:center;background:0 0;font-size:8px;inset:auto 24px 16px}input{width:100%;color:var(--paper);background:#0e0e0c;border:1px solid #3b3932;border-radius:0;outline:none;margin-bottom:13px;padding:14px 15px;font-size:14px;transition:border-color .15s,background .15s,transform .15s}input::placeholder{color:#6f6b61}input:focus{border-color:var(--orange);background:#11110f;box-shadow:4px 4px #e35b241f}input.code-input{text-transform:uppercase;text-align:center;font-family:var(--mono);letter-spacing:.34em}button{width:100%;color:var(--paper);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:0;padding:13px 16px;font-size:12px;font-weight:800;transition:transform .12s,background .12s,border-color .12s}button:hover{transform:translate(-2px,-2px)}button:active{transform:translate(1px,1px)}.btn-create{background:var(--orange);color:#fff4e7;border-color:var(--orange);margin-bottom:24px;box-shadow:5px 5px #64260f}.btn-create:hover{background:var(--orange-soft)}.join-group{gap:10px;display:flex}.btn-join{width:128px;color:var(--paper);background:0 0;border-color:#625b4e;box-shadow:4px 4px #00000047}.btn-join:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.divider{background:repeating-linear-gradient(90deg, var(--line-strong) 0 9px, transparent 9px 14px);height:1px;margin:10px 0 24px}.room-container{z-index:1;width:min(94vw,760px);padding:38px}.header-bar{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:26px;padding:0 0 18px;display:flex}.header-bar:after{content:"LIVE / ROOM";width:auto;height:auto;color:var(--orange-soft);font-family:var(--mono);letter-spacing:.14em;background:0 0;font-size:9px;position:static}.player-list{flex-direction:column;gap:7px;margin-bottom:28px;list-style:none;display:flex}.player-item{background:#11110f;border:1px solid #34322d;border-left:5px solid #4c4940;border-radius:0;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;transition:background .15s,border-color .15s,transform .15s;display:flex}.player-item:hover{background:#181714;transform:translate(3px)}.player-item.ready{border-left-color:var(--green);background:linear-gradient(90deg,#71845d21,#0000 65%)}.badge{min-height:22px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:0;align-items:center;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.host-badge{color:#ffe2a4;background:#cf9d421f;border:1px solid #cf9d4242;margin-right:8px}.ready-badge{color:#bfd1a9;background:#71845d1f;border:1px solid #71845d4d}.wait-badge{color:#e6bf76;background:#cf9d4214;border:1px solid #cf9d4238}.btn-ready{background:var(--green);color:#10120d;border-color:var(--green);box-shadow:4px 4px #3c4930}.btn-ready:hover{background:#82986c}.btn-cancel{color:var(--paper-2);background:#25231f;border-color:#4a463d}.btn-cancel:hover{background:#302d27}.btn-kick{color:#e77a61;width:auto;box-shadow:none;font-family:var(--mono);background:0 0;border-color:#e35b2461;margin-left:12px;padding:5px 8px;font-size:8px}.btn-kick:hover{background:var(--orange);color:#160b06;border-color:var(--orange)}.game-container{z-index:1;flex-direction:column;gap:12px;width:min(94vw,1160px);display:flex;position:relative}.game-container:before{content:"REC ●   REEL 04   /   35MM   /   24 FPS";font-family:var(--mono);letter-spacing:.13em;color:#e9e1cf4d;pointer-events:none;font-size:8px;position:fixed;top:22px;left:24px}.game-container:after{content:"FILM ARCHIVE / GUESS THE TITLE / 2026";font-family:var(--mono);letter-spacing:.13em;color:#e9e1cf40;pointer-events:none;font-size:8px;position:fixed;bottom:20px;right:24px}.game-header{justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.level-badge{background:var(--orange);color:#160b06;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:0;margin-bottom:7px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-block;box-shadow:4px 4px #6e2913}.timer-box{background:#0c0c0b;border:1px solid #4a463c;border-radius:0;align-items:center;gap:10px;padding:7px 11px;display:flex}.timer-box:before{content:"TIME";color:#777166;font-family:var(--mono);letter-spacing:.1em;font-size:7px}.timer-text{font-family:var(--mono);letter-spacing:.04em;font-size:25px;font-weight:500}.timer-box.urgent{border-color:var(--orange);animation:1s steps(2,end) infinite timer-tick}.timer-box.urgent .timer-text{color:var(--orange-soft)}@keyframes timer-tick{50%{transform:translate(2px)}}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px;display:grid}.game-main{flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:36px;display:flex;overflow:hidden}.game-main:after{content:"CUT HERE";color:#e9e1cf33;width:auto;height:auto;font-family:var(--mono);letter-spacing:.2em;background:0 0;font-size:7px;inset:auto 18px 15px auto}.clue-display{color:var(--paper);letter-spacing:-.045em;text-transform:uppercase;text-align:center;margin:16px 0 30px;padding:0 14px 17px;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:.96;position:relative}.clue-display:after{content:"";background:var(--orange);width:68px;height:4px;margin:15px auto 0;display:block}.cards-grid{grid-template-columns:repeat(2,1fr);gap:11px;width:100%;max-width:670px;margin-top:7px;display:grid}.game-card{background:var(--paper);color:var(--ink);border:1px solid #998e78;border-radius:0;padding:31px 21px 24px;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,filter .16s;position:relative;overflow:hidden;box-shadow:5px 5px #706856}.game-card:before{content:"A / 01";color:#12110f73;font-family:var(--mono);letter-spacing:.11em;font-size:7px;position:absolute;top:8px;left:10px}.game-card:after{content:"";pointer-events:none;border:1px dashed #12110f29;position:absolute;inset:6px}.game-card:hover:not(:disabled){filter:none;transform:translate(-3px,-5px)rotate(-.4deg);box-shadow:8px 9px #706856}.game-card:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #706856}.game-card:disabled{opacity:.36;cursor:not-allowed;filter:grayscale();box-shadow:3px 3px #625d50}.game-card.selected{background:var(--orange);color:#180d08;border-color:#8d3218;transform:translate(-2px,-3px);box-shadow:5px 5px #612511,0 12px 22px #e35b242e}.letter-btn{width:104px;font-family:var(--mono);text-align:center;padding:17px 0;font-size:38px;font-weight:500}.word-inputs-container{gap:11px;width:100%;max-width:670px;margin:24px 0;display:flex}.word-input-box{text-align:center;background:#0f0f0d;border:1px solid #3e3a31;border-radius:0;flex:1;padding:25px 16px 16px;position:relative}.word-input-box:before{content:"ANSWER / FIELD";color:#645f55;font-family:var(--mono);letter-spacing:.09em;font-size:7px;position:absolute;top:7px;left:9px}.word-input-box .big-letter{color:var(--yellow);font-family:var(--mono);margin-bottom:13px;font-size:32px;font-weight:500}.word-input-box input{text-align:center;background:#0a0a09;border-color:#4b463b;margin-bottom:0;font-weight:700}.scoreboard{padding:24px}.scoreboard h2{color:var(--paper);font-size:11px;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-weight:600}.score-item{background:#10100e;border:1px solid #312f2a;border-left:4px solid #0000;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;padding:12px 13px;transition:background .15s,transform .15s,border-color .15s;display:flex}.score-item:hover{background:#171612;transform:translate(2px)}.score-item.active-turn{border-left-color:var(--orange);background:linear-gradient(90deg,#e35b241f,#0000 75%)}.score-item .score,.score-item strong{color:var(--yellow);font-family:var(--mono);font-weight:500}.room-layout{grid-template-columns:270px minmax(0,1fr) 270px;align-items:center;gap:18px;width:min(96vw,1720px);min-height:100vh;margin:0 auto;padding:28px 20px;display:grid}.side-panel{border:1px solid var(--line-strong);background:#11110f;border-radius:0;flex-direction:column;height:calc(100vh - 56px);padding:20px;display:flex;box-shadow:8px 8px #00000038}.center-column{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:8px;min-height:0;margin-bottom:15px;padding-right:5px;display:flex;overflow-y:auto}.chat-msg{background:#090908;border-left:3px solid #3e3a32;border-radius:0;padding:9px 10px;font-size:12px;line-height:1.45}.chat-input-wrapper{gap:8px;display:flex}.chat-input-wrapper input{flex:1;margin:0;padding:10px 11px}.chat-input-wrapper button{background:var(--orange);color:#190c07;border:1px solid var(--orange);width:72px;padding:0 12px}.chat-input-wrapper button:hover{background:var(--orange-soft)}@media (width<=1400px){.room-layout{grid-template-columns:1fr;padding:20px}.side-panel{display:none}.center-column{width:100%}}@media (width<=850px){body{align-items:flex-start;padding:15px}.game-layout{grid-template-columns:1fr}.game-header{align-items:flex-start}}@media (width<=700px){body{overflow-y:auto}.glass-card,.room-container,.game-main{padding:26px 22px}.game-container{margin:auto 0}.game-header{flex-direction:column;gap:14px}.timer-box{justify-content:space-between;width:100%}.cards-grid{grid-template-columns:1fr}.word-inputs-container{flex-direction:column}.clue-display{font-size:29px}.timer-text{font-size:22px}.game-container:before,.game-container:after{margin-bottom:8px;display:block;position:static}}@media (width<=450px){.glass-card{padding:40px 20px 28px}.room-container{padding:23px 18px}.game-main{min-height:390px;padding:25px 16px}.title{font-size:30px}.subtitle{letter-spacing:.12em;font-size:8px}.join-group{flex-direction:column}.btn-join{width:100%}.player-item{padding:12px 10px}.letter-btn{width:92px}}button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23e9e1cf' stroke-opacity='.095' stroke-width='2'%3E%3Ccircle cx='150' cy='150' r='112'/%3E%3Ccircle cx='150' cy='150' r='26'/%3E%3Ccircle cx='150' cy='68' r='20'/%3E%3Ccircle cx='228' cy='123' r='20'/%3E%3Ccircle cx='198' cy='214' r='20'/%3E%3Ccircle cx='102' cy='214' r='20'/%3E%3Ccircle cx='72' cy='123' r='20'/%3E%3Cpath d='M150 42v216M42 150h216M74 74l152 152M226 74 74 226' stroke-opacity='.045'/%3E%3C/g%3E%3Cg fill='%23e9e1cf' fill-opacity='.055'%3E%3Ccircle cx='150' cy='150' r='10'/%3E%3C/g%3E%3C/svg%3E") left 5.5% 54% / 230px 230px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240'%3E%3Cg fill='none' stroke='%23e9e1cf' stroke-opacity='.095' stroke-width='3'%3E%3Cpath d='M35 55 315 55 286 25 66 25Z'/%3E%3Cpath d='M35 55h280v150H35z'/%3E%3Cpath d='M35 95h280M35 135h280M35 175h280' stroke-opacity='.05'/%3E%3Cpath d='M88 95 116 125 88 155Z M127 95 155 125 127 155Z M166 95 194 125 166 155Z' stroke-opacity='.07'/%3E%3C/g%3E%3Cpath d='M65 25h220l-18 20H47Z' fill='%23e35b24' fill-opacity='.07'/%3E%3Ccircle cx='50' cy='212' r='4' fill='%23e35b24' fill-opacity='.32'/%3E%3C/svg%3E") right 4.5% 57% / 280px 187px no-repeat, linear-gradient(#e9e1cf06 1px, transparent 1px), linear-gradient(90deg, #e9e1cf06 1px, transparent 1px), var(--black);background-size:230px 230px,280px 187px,28px 28px,28px 28px,auto}.room-layout,.game-container{position:relative}.room-layout:before{content:"";opacity:.55;pointer-events:none;background:repeating-linear-gradient(#0000 0 11px,#e9e1cf1a 11px 14px,#0000 14px 25px);border-left:1px solid #e9e1cf0e;border-right:1px solid #e9e1cf0e;width:14px;position:fixed;top:12%;bottom:12%;left:20px}.room-layout:after{content:"";opacity:.55;pointer-events:none;background:repeating-linear-gradient(#0000 0 11px,#e9e1cf1a 11px 14px,#0000 14px 25px);border-left:1px solid #e9e1cf0e;border-right:1px solid #e9e1cf0e;width:14px;position:fixed;top:12%;bottom:12%;right:20px}.cards-grid{gap:12px;max-width:720px;margin-top:12px}.game-card{text-align:center;letter-spacing:.015em;background:radial-gradient(circle, #463e3257 1.2px, transparent 1.8px) right 12px top 12px / 8px 12px repeat-y, linear-gradient(90deg, var(--orange) 0 4px, transparent 4px) left top / 100% 100% no-repeat, linear-gradient(180deg, #ffffff2e, transparent 34%), var(--paper);border-color:#8f856f;justify-content:center;align-items:center;min-height:96px;padding:34px 48px 24px 30px;font-size:15px;display:flex;box-shadow:5px 5px #6b6456,10px 10px #0000001f}.game-card:before{content:"SCENE / 01";letter-spacing:.13em;font-size:7px;top:9px;left:14px}.game-card:after{border:1px dashed #12110f30;inset:7px 20px 7px 9px;box-shadow:inset 0 0 0 1px #12110f06}.game-card:nth-child(2):before{content:"SCENE / 02"}.game-card:nth-child(3):before{content:"SCENE / 03"}.game-card:nth-child(4):before{content:"SCENE / 04"}.game-card:nth-child(5):before{content:"SCENE / 05"}.game-card:nth-child(6):before{content:"SCENE / 06"}.game-card::marker{display:none}.game-card:hover:not(:disabled){border-color:var(--orange);transform:translate(-4px,-6px)rotate(-.8deg);box-shadow:8px 9px #5f574a,13px 14px #0000001f}.game-card:nth-child(2n):hover:not(:disabled){transform:translate(-4px,-6px)rotate(.7deg)}.game-card.selected{color:#fff0e2;background:radial-gradient(circle,#fff2e233 1.2px,#0000 1.8px) right 12px top 12px/8px 12px repeat-y,linear-gradient(90deg,#f07a43 0 5px,#0000 5px) 0 0/100% 100% no-repeat,linear-gradient(#ffffff0f,#0000 35%),#2a1710;border-color:#8d3218;transform:translate(-3px,-4px)rotate(-.3deg);box-shadow:6px 6px #5d2310,12px 14px #00000029}.game-card.selected:before{color:#fff0e294}.game-card.selected:after{border-color:#fff0e233}.game-card{--crop:#12110f59;background-position:right 12px top 12px,0 0,0 0,0 0}.game-card:not(.selected){background-image:radial-gradient(circle, #463e3257 1.2px, transparent 1.8px), linear-gradient(var(--crop),var(--crop)), linear-gradient(var(--crop),var(--crop)), linear-gradient(var(--crop),var(--crop)), linear-gradient(var(--crop),var(--crop)), linear-gradient(180deg, #ffffff2e, transparent 34%), var(--paper);background-position:right 12px top 12px,10px 10px,10px 10px,0 calc(100% - 10px),0 calc(100% - 10px),0 0,0 0;background-repeat:repeat-y,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:8px 12px,11px 1px,1px 11px,11px 1px,1px 11px,auto,auto}.game-card.selected{background-image:radial-gradient(circle, #fff2e233 1.2px, transparent 1.8px), linear-gradient(#fff0e266,#fff0e266), linear-gradient(#fff0e266,#fff0e266), linear-gradient(#fff0e266,#fff0e266), linear-gradient(#fff0e266,#fff0e266), linear-gradient(180deg, #ffffff0f, transparent 35%), #2a1710;background-position:right 12px top 12px,10px 10px,10px 10px,0 calc(100% - 10px),0 calc(100% - 10px),0 0,0 0;background-repeat:repeat-y,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:8px 12px,11px 1px,1px 11px,11px 1px,1px 11px,auto,auto}.game-main{overflow:hidden}.game-main>.cards-grid{z-index:1;position:relative}.game-main>.cards-grid:before{content:"SELECT / MARK / CUT";color:#e9e1cf33;font-family:var(--mono);letter-spacing:.16em;font-size:7px;position:absolute;top:-18px;right:0}.side-panel{position:relative;overflow:hidden}.side-panel:before,.side-panel:after{pointer-events:none}.side-panel:before{content:"";opacity:.48;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 140'%3E%3Cg fill='none' stroke='%23e9e1cf' stroke-opacity='.19' stroke-width='2'%3E%3Cpath d='M12 34 166 34 151 15H27Z'/%3E%3Cpath d='M12 34h154v86H12z'/%3E%3Cpath d='M12 60h154M12 89h154' stroke-opacity='.08'/%3E%3Cpath d='m49 34 14-19 14 19M91 34l14-19 14 19M133 34l14-19'/%3E%3Ccircle cx='27' cy='126' r='3' fill='%23e35b24' fill-opacity='.6' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:165px;height:132px;position:absolute;bottom:19px;left:18px}.side-panel:after{content:"A-ROLL  /  B-ROLL  /  TAKE 04";color:#e9e1cf3d;font-family:var(--mono);letter-spacing:.12em;text-align:right;border-top:1px solid #e9e1cf1a;padding-top:8px;font-size:7px;position:absolute;bottom:12px;left:18px;right:18px}.room-layout>.side-panel:last-child:before{opacity:.42;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 150'%3E%3Cg fill='none' stroke='%23e9e1cf' stroke-opacity='.17' stroke-width='2'%3E%3Crect x='14' y='17' width='162' height='116'/%3E%3Crect x='26' y='29' width='42' height='34'/%3E%3Crect x='74' y='29' width='42' height='34'/%3E%3Crect x='122' y='29' width='42' height='34'/%3E%3Crect x='26' y='72' width='42' height='34'/%3E%3Crect x='74' y='72' width='42' height='34'/%3E%3Crect x='122' y='72' width='42' height='34'/%3E%3Cpath d='M14 17 25 7h142l9 10' stroke-opacity='.07'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:172px;height:138px;left:auto;right:18px}.room-layout>.side-panel:last-child:after{content:"CONTACT SHEET  /  35MM";text-align:left}.side-panel .subtitle,.side-panel h2,.side-panel .player-list,.side-panel .chat-messages,.side-panel .chat-input-wrapper{z-index:2;position:relative}@media (width<=1400px){body{background-image:linear-gradient(#e9e1cf06 1px, transparent 1px), linear-gradient(90deg, #e9e1cf06 1px, transparent 1px), var(--black);background-size:28px 28px,28px 28px,auto}.room-layout:before,.room-layout:after{display:none}}@media (width<=700px){.game-card{min-height:88px;padding:34px 38px 23px 26px}.game-main>.cards-grid:before{display:none}}:root{--bg-black:#070807;--bg-charcoal:#0d0f0e;--paper-dim:#e9e1cf24;--orange-dim:#e35b242e}body{background-color:var(--bg-black);background-image:repeating-linear-gradient(0deg,#e9e1cf04 0 1px,#0000 1px 7px),linear-gradient(#e9e1cf05 1px,#0000 1px),linear-gradient(90deg,#e9e1cf05 1px,#0000 1px),radial-gradient(52% 42% at 50% 16%,#ece2cc13,#0000 72%),radial-gradient(circle at 79% 76%,#e35b240b,#0000 27%),radial-gradient(circle at 15% 72%,#5d6e6b0b,#0000 25%),linear-gradient(#0a0b0a 0%,#090a09 48%,#060706 100%);background-size:auto,38px 38px,38px 38px,auto,auto,auto,auto}body>*{z-index:1;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:1;mix-blend-mode:normal;background:linear-gradient(#0000008a,#0000 18% 78%,#000000b8),linear-gradient(90deg,#0000009e,#0000 15% 85%,#000000b8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(circle,#0000 0 15%,#e9e1cf0b 15.2% 15.6%,#0000 15.8% 39%,#e9e1cf0a 39.2% 39.6%,#0000 39.8% 48.8%,#e9e1cf0d 49% 49.4%,#0000 49.6%),repeating-conic-gradient(#0000 0deg 55deg,#e9e1cf0b 55deg 57deg,#0000 57deg 72deg);border:1px solid #e9e1cf11;border-radius:50%;width:clamp(270px,26vw,430px);position:fixed;top:50%;left:clamp(-145px,-3vw,-45px);transform:translateY(-50%)rotate(-16deg);box-shadow:0 0 0 28px #e9e1cf02,0 0 0 52px #e9e1cf02,0 0 100px #000000a6}.game-container::marker{display:none}.game-container{isolation:isolate}.game-container:before{content:"REC ●   REEL 04   /   35MM   /   24 FPS"}.game-container:after{content:"";clip-path:polygon(43% 0%,57% 0%,79% 100%,21% 100%);filter:blur(10px);pointer-events:none;z-index:-1;background:linear-gradient(#f1e8d508,#f1e8d503 38%,#0000 82%);width:min(58vw,940px);height:105vh;position:fixed;top:-5vh;left:50%;transform:translate(-50%)perspective(700px)rotateX(2deg)}.room-layout:before,.room-layout:after{opacity:.65;background:repeating-linear-gradient(#0000 0 12px,#e9e1cf17 12px 20px,#0000 20px 34px),linear-gradient(90deg,#0000 0 5px,#e9e1cf07 5px 19px,#0000 19px);border:1px solid #e9e1cf0b;width:24px;top:8%;bottom:8%;box-shadow:inset 0 0 0 1px #0006,0 0 40px #00000040}.room-layout:before{left:26px}.room-layout:after{right:26px}.room-layout>.center-column:after,.game-container>.game-layout:after{content:"01      02      03      04      05      06      07      08      09      10";color:#e9e1cf29;width:min(760px,72vw);font:7px/1 var(--mono);letter-spacing:.25em;text-align:center;pointer-events:none;z-index:0;border-top:1px solid #e9e1cf12;padding-top:7px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.glass-card,.room-container,.game-header,.game-main,.scoreboard{background:linear-gradient(135deg,#ffffff03,#0000 32%),#151613;box-shadow:10px 10px #00000047,0 26px 60px #0000007a}.game-card{box-shadow:5px 5px #706856,10px 10px #00000029,inset 0 0 0 1px #ffffff14}.game-card:after{border:1px dashed #12110f33;inset:8px 21px 8px 10px}.game-card{--holes:radial-gradient(circle, #11110f 0 1.7px, transparent 1.9px);background-image:var(--holes), var(--holes), linear-gradient(180deg, #ffffff29, transparent 34%), var(--paper);background-position:right 11px top 12px,right 11px bottom 12px,0 0,0 0;background-repeat:repeat-y,repeat-y,no-repeat,no-repeat;background-size:7px 15px,7px 15px,auto,auto}.game-card>*{z-index:2;position:relative}.scoreboard:before{width:34px}.scoreboard:after{content:"ROLL / 04";color:#e9e1cf29;width:auto;height:auto;font:7px var(--mono);letter-spacing:.12em;background:0 0;bottom:12px;right:17px}@media (width<=1400px){body:after{opacity:.58;left:-170px}.room-layout:before,.room-layout:after{opacity:.42}}@media (width<=850px){body:after{opacity:.35;left:-200px}.game-container:after{width:110vw}}@media (width<=700px){body:after,.room-layout:before,.room-layout:after,.room-layout>.center-column:after,.game-container>.game-layout:after{display:none}body{background-image:repeating-linear-gradient(0deg,#e9e1cf03 0 1px,#0000 1px 7px),linear-gradient(#e9e1cf04 1px,#0000 1px),linear-gradient(90deg,#e9e1cf04 1px,#0000 1px),radial-gradient(90% 45% at 50% 10%,#ece2cc0e,#0000 72%),linear-gradient(#0a0b0a 0%,#070807 100%);background-size:auto,30px 30px,30px 30px,auto,auto}}