@font-face{font-family:Satyr;src:url(/fonts/Satyr.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background:#111;overflow-x:hidden}.board{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 120% 120% at 45% 42%,#1a1a18,#111 40%,#080808)}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-size:600px 600px}canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .4s}#webCanvas{z-index:1}#logoCanvas{z-index:2;opacity:0;transition:opacity .3s}body.dim-bg #webCanvas{opacity:.18}body.dim-bg #logoCanvas{opacity:.06}#app{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:clamp(4rem,12vh,9rem)}#app.page-full{align-items:stretch;justify-content:flex-start;padding-bottom:0}footer{position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:.52rem;letter-spacing:.45em;text-transform:uppercase;color:#ffffff26;white-space:nowrap;z-index:20}@keyframes pageEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .28s cubic-bezier(.22,.68,0,1.1) both}@keyframes sectionIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-enter{animation:sectionIn .2s ease both}.chalk-label{font-family:Georgia,serif;font-size:clamp(.48rem,1.4vw,.68rem);letter-spacing:.55em;text-transform:uppercase;color:#ffffff38;margin-bottom:2rem}.chalk-divider{width:min(260px,65vw);height:12px;margin-bottom:1.8rem}.chalk-divider svg{width:100%;height:100%;overflow:visible}.btn{position:relative;font-family:Georgia,serif;font-size:clamp(.62rem,1.9vw,.82rem);font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:#ffffffb8;text-decoration:none;padding:.82em 2.3em;cursor:pointer;background:transparent;border:none;transition:color .3s;display:inline-block}.btn:hover{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.28)}.btn:focus-visible{outline:1px dashed rgba(255,255,255,.4);outline-offset:3px}.btn-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:filter .3s}.btn-border rect{fill:none;stroke:#ffffff73;stroke-width:1.2;stroke-dasharray:5 3;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .3s}.btn:hover .btn-border rect{stroke:#ffffffd1}.btn:hover .btn-border{filter:drop-shadow(0 0 5px rgba(255,255,255,.14))}.btn span{position:relative;z-index:1}.nav{display:flex;gap:clamp(1rem,5vw,2.6rem);flex-wrap:wrap;justify-content:center}.chalk-input{background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.3);color:#fffc;font-family:Georgia,serif;font-size:.9rem;letter-spacing:.1em;padding:.5em .2em;outline:none;width:100%;transition:border-color .3s}.chalk-input::placeholder{color:#ffffff40}.chalk-input:focus{border-color:#ffffff94;box-shadow:0 2px 14px #ffffff0d;outline:none}.chalk-panel{position:relative;background:#0e0e0eeb;padding:2.4rem 2.6rem;max-width:480px;width:92%;text-align:center;overflow:hidden}.chalk-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px}.chalk-panel>*{position:relative;z-index:1}.chalk-panel-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chalk-panel-border svg{width:100%;height:100%;overflow:visible}.chalk-panel h2{font-family:Georgia,serif;font-size:1.1rem;color:#ffffffc7;margin-bottom:1.4rem;letter-spacing:.12em;font-weight:400;text-transform:uppercase}.chalk-panel p{font-family:Georgia,serif;font-size:.8rem;line-height:1.9;color:#ffffff61;letter-spacing:.04em;margin-bottom:1rem}.wish-list{list-style:none;margin:1rem 0;text-align:left}.wish-list li{font-family:Georgia,serif;font-size:.82rem;color:#fff9;padding:.45rem 0;border-bottom:1px dashed rgba(255,255,255,.1);letter-spacing:.05em;display:flex;gap:.5rem;align-items:center}.wish-list li .num{color:#ffffff40;font-size:.7rem;width:1.2rem;flex-shrink:0}.plan-grid{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:420px;margin-top:1rem}.plan-card{position:relative;overflow:hidden;background:#141412f2;border:1px dashed rgba(255,255,255,.18);padding:1rem 1.2rem;cursor:pointer;transition:border-color .3s;font-family:Georgia,serif}.plan-card.hidden-card .card-text{filter:blur(7px);-webkit-user-select:none;user-select:none}.plan-card.hidden-card:hover{border-color:#ffffff61}.plan-card.revealed{border-color:#ffffff52;cursor:default}.plan-card.swapped-card{border-style:solid;border-color:#ffffff1f}.card-num{font-size:.62rem;letter-spacing:.3em;color:#ffffff40;margin-bottom:.4rem}.card-text{font-size:.88rem;color:#ffffffc7;letter-spacing:.05em;line-height:1.5}.card-hint{font-size:.6rem;color:#ffffff40;margin-top:.5rem;letter-spacing:.2em}.status-row{display:flex;gap:.6rem;align-items:center;justify-content:center;margin-bottom:1.2rem}.dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:background .4s,box-shadow .4s}.dot.on{background:#ffffffa6;box-shadow:0 0 8px #ffffff73,0 0 18px #ffffff26}.assignment-card{border:1px dashed rgba(255,255,255,.22);padding:1.05rem 1.15rem;margin-bottom:.6rem;font-family:Georgia,serif;transition:border-color .25s,box-shadow .25s;position:relative}.assignment-card.accepted{border-style:solid;border-color:#fff3;background:#ffffff06}.assignment-card:not(.accepted):hover{border-color:#ffffff61;box-shadow:0 0 16px #ffffff08}.btn-accept{font-family:Georgia,serif;font-size:clamp(.6rem,1.7vw,.78rem);letter-spacing:.32em;text-transform:uppercase;color:#ffffffc7;background:transparent;border:none;padding:.55em 1.6em;cursor:pointer;position:relative;transition:color .25s,text-shadow .25s}.btn-accept:after{content:"";position:absolute;bottom:.3em;left:1.6em;right:1.6em;height:1px;background:#ffffff47;transition:background .25s}.btn-accept:hover{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.btn-accept:hover:after{background:#ffffffb3}.btn-swap{font-family:Georgia,serif;font-size:clamp(.56rem,1.5vw,.72rem);letter-spacing:.22em;text-transform:uppercase;color:#ffffff4d;background:transparent;border:none;padding:.5em 1.1em;cursor:pointer;transition:color .2s}.btn-swap:hover{color:#ffffff9e}.chalk-error{font-family:Georgia,serif;font-size:.75rem;color:#ff787899;letter-spacing:.08em;margin-top:.8rem;min-height:1.2em}.room-code{font-family:Courier New,monospace;font-size:2rem;letter-spacing:.35em;color:#ffffffd1;background:#ffffff0a;padding:.4em .8em;margin:.8rem auto;border:1px dashed rgba(255,255,255,.2);display:inline-block}@media (max-width: 640px){#app{padding-bottom:clamp(2rem,8vh,5rem)}#app.page-full{padding:0}footer{font-size:.45rem;letter-spacing:.35em;bottom:.6rem}.nav{flex-direction:column;align-items:center}.btn{min-width:160px;text-align:center;font-size:clamp(.58rem,1.6vw,.75rem);padding:.7em 1.6em}.chalk-panel{padding:1.6rem 1.1rem;width:97%}.chalk-input{font-size:.82rem}.room-code{font-size:1.3rem;letter-spacing:.2em;padding:.3em .5em}.wish-list li{font-size:.76rem}}