.small-talk-page{color:#49372a;background:radial-gradient(circle at 15% 5%,#d0a06a38,#0000 30rem),linear-gradient(145deg,#f4ead9,#e8d7bf);min-height:100svh;padding:.8rem clamp(.65rem,3vw,1.5rem) 2rem;overflow-x:clip}.small-talk-home{color:#765b49;font-size:.8rem;text-decoration:none}.small-talk-home:hover{color:#3f2e23}.small-talk-shell{width:min(100%,62rem);margin:.7rem auto 0}.small-talk-heading{text-align:center}.small-talk-heading h1{color:#a76446;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,3.6rem)}.small-talk-heading p{margin:.45rem auto 0;font-size:clamp(1rem,3vw,1.18rem)}.small-talk-heading small{color:#785f4d;max-width:40rem;margin:.35rem auto 0;line-height:1.45;display:block}.small-talk-dice{perspective:1000px;gap:.85rem;margin:1.25rem 0 1rem;display:grid;overflow:visible}.die-stage{min-width:0;transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;overflow:visible}.cube-scene{--cube-size:235px;width:var(--cube-size);height:var(--cube-size);perspective:900px;perspective-origin:50% 42%;position:relative}.cube-scene:after{content:"";z-index:-1;filter:blur(.65rem);background:#36221659;border-radius:50%;height:1.35rem;position:absolute;bottom:-1rem;left:10%;right:10%;transform:scaleX(.9)}.small-talk-cube{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;position:relative}.die-1{--face-front:#fff5df;--face-light:#fffaf0;--face-side:#d9bc8f;--face-dark:#c8a574;transform:rotateX(-7deg)rotateY(9deg)rotate(-.5deg)}.die-2{--face-front:#e7f0dc;--face-light:#f5faec;--face-side:#aebe9d;--face-dark:#93a684;transform:rotateX(-6deg)rotateY(-8deg)rotate(.5deg)}.die-3{--face-front:#e5edf3;--face-light:#f3f8fb;--face-side:#a9bcc9;--face-dark:#8fa7b7;transform:rotateX(-7deg)rotateY(9deg)rotate(-.5deg)}.cube-face{backface-visibility:hidden;border:1px solid #4a301f2b;border-radius:1rem;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 1.4rem #ffffff40,inset -.4rem -.5rem 1rem #442d1f14}.cube-front{background:var(--face-front);transform:rotateY(0deg) translateZ(calc(var(--cube-size) / 2));text-align:center;padding:1.8rem 1.35rem}.cube-back{background:var(--face-dark);transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.cube-right{background:var(--face-side);transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-left{background:var(--face-side);transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube-top{background:var(--face-light);transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-bottom{background:var(--face-dark);transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube-expression{align-content:center;width:100%;max-height:65%;display:grid}.die-number{color:#4c32226b;font:700 .75rem/1 Georgia,serif;position:absolute;top:.65rem;left:.75rem}.cube-front strong{color:#33241c;overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.12}.die-transcription{color:#7d503a;margin-top:.6rem;font-size:.9rem}.die-meaning{color:#665347;margin-top:.3rem;font-size:.78rem;line-height:1.35}.die-placeholder{color:#593d2c47;font-size:4rem}.dice-pips{background:#43362d33;border-radius:50%;width:1.05rem;height:1.05rem}.pips-three{box-shadow:-3.2rem -3.2rem #43362d33,3.2rem 3.2rem #43362d33}.pips-four,.pips-five{box-shadow:-3.2rem -3.2rem #43362d33,3.2rem -3.2rem #43362d33,-3.2rem 3.2rem #43362d33,3.2rem 3.2rem #43362d33}.pips-six{box-shadow:-3.2rem -3.2rem #43362d33,3.2rem -3.2rem #43362d33,-3.2rem 0 #43362d33,3.2rem 0 #43362d33,-3.2rem 3.2rem #43362d33,3.2rem 3.2rem #43362d33}.small-talk-dice.is-rolling .die-stage-1 .small-talk-cube{--throw-duration:1.45s;animation:die-roll-one var(--throw-duration) cubic-bezier(.18,.66,.2,1) both}.small-talk-dice.is-rolling .die-stage-2 .small-talk-cube{--throw-duration:1.58s;animation:die-roll-two var(--throw-duration) cubic-bezier(.18,.66,.2,1) both}.small-talk-dice.is-rolling .die-stage-3 .small-talk-cube{--throw-duration:1.68s;animation:die-roll-three var(--throw-duration) cubic-bezier(.18,.66,.2,1) both}.small-talk-dice.is-rolling .cube-expression,.small-talk-dice.is-rolling .die-transcription,.small-talk-dice.is-rolling .die-meaning{animation:landed-text var(--throw-duration) linear both}@keyframes die-roll-one{0%{transform:translate(-180px,-460px)rotateX(-155deg)rotateY(205deg)rotate(-42deg)scale(.72)}55%{transform:translate3d(-48px,-112px,42px)rotateX(285deg)rotateY(480deg)rotate(23deg)scale(.9)}78%{transform:translate(5px,8px)rotateX(-4deg)rotateY(6deg)rotate(-1deg)scale(1)}88%{transform:translate3d(2px,-14px,8px)rotateX(-9deg)rotateY(11deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-6deg)rotateY(8deg)rotate(-.7deg)scale(1)}to{transform:translate(0,0)rotateX(-7deg)rotateY(9deg)rotate(-.5deg)scale(1)}}@keyframes die-roll-two{0%{transform:translateY(-520px)rotateX(190deg)rotateY(-165deg)rotate(38deg)scale(.68)}55%{transform:translate3d(-20px,-125px,48px)rotateX(505deg)rotateY(-420deg)rotate(-18deg)scale(.89)}78%{transform:translate(-4px,8px)rotateX(-3deg)rotateY(-5deg)rotate(1deg)scale(1)}88%{transform:translate3d(2px,-14px,8px)rotateX(-8deg)rotateY(-10deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-5deg)rotateY(-7deg)rotate(.7deg)scale(1)}to{transform:translate(0,0)rotateX(-6deg)rotateY(-8deg)rotate(.5deg)scale(1)}}@keyframes die-roll-three{0%{transform:translate(180px,-480px)rotateX(-210deg)rotateY(-235deg)rotate(46deg)scale(.7)}55%{transform:translate3d(52px,-118px,44px)rotateX(-510deg)rotateY(-485deg)rotate(-25deg)scale(.9)}78%{transform:translate(-5px,8px)rotateX(-4deg)rotateY(6deg)rotate(-1deg)scale(1)}88%{transform:translate3d(-2px,-14px,8px)rotateX(-9deg)rotateY(11deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-6deg)rotateY(8deg)rotate(-.7deg)scale(1)}to{transform:translate(0,0)rotateX(-7deg)rotateY(9deg)rotate(-.5deg)scale(1)}}@keyframes landed-text{0%,77%{opacity:0}82%{opacity:.35}90%,to{opacity:1}}.die-editor{z-index:2;width:min(100%,245px);margin-top:1.35rem;padding:.65rem .2rem 0;position:relative}.die-controls{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.die-controls button,.custom-expression button,.removed-die button{color:#76503d;cursor:pointer;min-height:2rem;font:inherit;background:#fffaf1cc;border:1px solid #754c3333;border-radius:999px;padding:.35rem .58rem;font-size:.76rem}.die-controls button:disabled{opacity:.3;cursor:default}.die-controls .speaker-control{opacity:.78;width:2rem;padding:.25rem}.die-controls .speaker-control:hover{opacity:1}.die-controls .speaker-control.is-speaking{background:#f5dfcf;box-shadow:0 0 0 .18rem #9d583c1f}.custom-expression{background:#fffaf1b3;border-radius:.8rem;margin-top:.55rem;padding:.55rem}.custom-expression>div:first-child{gap:.35rem;display:flex}.custom-expression input{color:#33241c;background:#fffdf8;border:1px solid #754c3347;border-radius:.65rem;width:100%;min-width:0;padding:.55rem .65rem;font-size:1.2rem}.custom-expression input:focus{outline-offset:1px;outline:2px solid #9d583c52}.custom-expression>div:first-child button{flex:0 0 2.5rem;font-size:1.1rem}.custom-expression .is-listening{background:#f3d4ca;animation:.8s ease-in-out infinite alternate listen-pulse}.custom-actions{justify-content:center;gap:.35rem;margin-top:.45rem;display:flex}.custom-expression small{color:#785f4d;margin-top:.4rem;line-height:1.35;display:block}@keyframes listen-pulse{to{box-shadow:0 0 0 .28rem #9d583c26}}.removed-die{color:#836958;background:#fffaf14d;border:1px dashed #754c3347;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-height:6rem;padding:.75rem;display:flex}.roll-button,.save-button{cursor:pointer;min-height:3.25rem;font:inherit;border:0;border-radius:999px;padding:.75rem 1.15rem;font-weight:800}.roll-button{color:#fffaf2;background:#9d583c;width:min(100%,23rem);margin:.8rem auto;display:block;box-shadow:0 .65rem 1.2rem #5c301d33}.roll-button:hover{background:#874933}.roll-button:disabled,.save-button:disabled{cursor:wait;opacity:.55}.save-button{color:#874933;background:#fff8eb;box-shadow:inset 0 0 0 1px #87493340}.small-talk-result{text-align:center;max-width:42rem;margin:0 auto}.result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.85rem;display:flex}.result-actions .roll-button{width:auto;margin:0}.small-talk-free-progress{color:#806755;text-align:center;margin:.55rem auto 0;font-size:.78rem}.small-talk-registration-gate{text-align:center;background:#fffaf1c7;border:1px solid #754c332e;border-radius:1rem;gap:.55rem;width:min(100%,25rem);margin:1rem auto 0;padding:1rem;display:grid;box-shadow:0 .8rem 1.8rem #5b392517}.small-talk-registration-gate .registration-description{color:#765b49;margin:0;line-height:1.4}.small-talk-registration-gate label{text-align:left;gap:.18rem;display:grid}.small-talk-registration-gate input{color:#49372a;width:100%;font:inherit;background:#fffdf8;border:1px solid #754c3340;border-radius:.65rem;padding:.68rem .78rem}.small-talk-registration-gate input:focus-visible{outline-offset:1px;outline:2px solid #9d583c4d}.small-talk-registration-gate>button{color:#fffaf2;cursor:pointer;font:inherit;background:#9d583c;border:0;border-radius:999px;padding:.72rem 1rem;font-weight:700}.small-talk-registration-gate>button:disabled{cursor:wait;opacity:.6}.small-talk-registration-gate .registration-error{color:#a33f32;font-size:.72rem}.small-talk-registration-gate .registration-message,.small-talk-registration-gate .registration-countdown{color:#765b49;line-height:1.35}.saved-talks{max-width:46rem;margin:1.5rem auto 0}.saved-talks h2{margin:1.15rem 0 .35rem;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.saved-list{gap:.55rem;display:grid}.saved-talk{background:#fffaf0b8;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.75rem .8rem;display:flex}.saved-talk div{flex-wrap:wrap;gap:.35rem .7rem;min-width:0;display:flex}.saved-talk span{color:#3d2c23;font-size:1.05rem}.saved-talk button{color:#79513f;cursor:pointer;background:#7e4a3317;border:0;border-radius:50%;flex:0 0 2rem;width:2rem;height:2rem;font-size:1.25rem}@media (min-width:48rem){.small-talk-dice{grid-template-columns:repeat(3,1fr);gap:1rem}.cube-front strong{font-size:clamp(1.75rem,2.8vw,2.3rem)}}@media (max-width:47.99rem){.cube-scene{--cube-size:205px}.cube-front{padding:1.45rem 1.1rem}.cube-front strong{font-size:clamp(1.55rem,7vw,2rem)}.die-editor{width:min(100%,220px);margin-top:1.1rem}@keyframes die-roll-one{0%{transform:translate(-64px,-440px)rotateX(-155deg)rotateY(205deg)rotate(-38deg)scale(.74)}55%{transform:translate3d(-18px,-105px,28px)rotateX(285deg)rotateY(480deg)rotate(19deg)scale(.91)}78%{transform:translate(4px,8px)rotateX(-4deg)rotateY(6deg)rotate(-1deg)scale(1)}88%{transform:translate3d(0,-12px,6px)rotateX(-9deg)rotateY(11deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-6deg)rotateY(8deg)rotate(-.7deg)scale(1)}to{transform:translate(0,0)rotateX(-7deg)rotateY(9deg)rotate(-.5deg)scale(1)}}@keyframes die-roll-two{0%{transform:translateY(-500px)rotateX(190deg)rotateY(-165deg)rotate(34deg)scale(.72)}55%{transform:translate3d(-10px,-118px,30px)rotateX(505deg)rotateY(-420deg)rotate(-16deg)scale(.9)}78%{transform:translate(-3px,8px)rotateX(-3deg)rotateY(-5deg)rotate(1deg)scale(1)}88%{transform:translate3d(0,-12px,6px)rotateX(-8deg)rotateY(-10deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-5deg)rotateY(-7deg)rotate(.7deg)scale(1)}to{transform:translate(0,0)rotateX(-6deg)rotateY(-8deg)rotate(.5deg)scale(1)}}@keyframes die-roll-three{0%{transform:translate(64px,-460px)rotateX(-210deg)rotateY(-235deg)rotate(40deg)scale(.73)}55%{transform:translate3d(18px,-110px,28px)rotateX(-510deg)rotateY(-485deg)rotate(-20deg)scale(.91)}78%{transform:translate(-4px,8px)rotateX(-4deg)rotateY(6deg)rotate(-1deg)scale(1)}88%{transform:translate3d(0,-12px,6px)rotateX(-9deg)rotateY(11deg)rotate(0)scale(.99)}95%{transform:translateY(3px)rotateX(-6deg)rotateY(8deg)rotate(-.7deg)scale(1)}to{transform:translate(0,0)rotateX(-7deg)rotateY(9deg)rotate(-.5deg)scale(1)}}}@media (prefers-reduced-motion:reduce){.small-talk-dice.is-rolling .small-talk-cube{animation-duration:.7s}}
