body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pixel-font{font-family:PublicPixel,monospace;letter-spacing:1px}.aoc-btn{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .06s ease}.aoc-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.aoc-btn:active{transform:translateY(0)}.aoc-icon-btn{transition:background-color .15s ease,border-color .15s ease,transform .06s ease}.code-scroll,.modal-scroll{scrollbar-color:#9ccff7 #ffffff14;scrollbar-width:thin}.code-scroll::-webkit-scrollbar,.modal-scroll::-webkit-scrollbar{height:10px;width:10px}.code-scroll::-webkit-scrollbar-track,.modal-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:8px}.code-scroll::-webkit-scrollbar-thumb,.modal-scroll::-webkit-scrollbar-thumb{background-color:#9ccff7;border:2px solid #1a1a1af2;border-radius:8px}.App{background-color:#000;box-sizing:border-box;height:100vh;text-align:left}@font-face{font-display:swap;font-family:PublicPixel;font-style:normal;font-weight:400;src:url(/static/media/PublicPixel.e5666700ea590babfe06.woff2) format("woff2"),url(/static/media/PublicPixel.f0dd11dbd3997c016f74.woff) format("woff"),url(/static/media/PublicPixel.4fc845267c5c1b94bd1b.ttf) format("truetype")}.MuiDrawer-paper:focus,.MuiDrawer-paper:focus-visible{border:none!important;outline:none!important}.MuiBox-root:focus,.MuiBox-root:focus-visible,.MuiDrawer-root:focus,.MuiDrawer-root:focus-visible{border:none!important;outline:none!important}.MuiDrawer-paper :focus,.MuiDrawer-paper :focus-visible,.MuiDrawer-root :focus,.MuiDrawer-root :focus-visible{border:none!important;outline:none!important}.MuiDrawer-paper,.MuiDrawer-paper *,.MuiDrawer-paper .MuiBox-root,.MuiDrawer-root,.MuiDrawer-root *{border:none!important;box-shadow:none!important;outline:none!important}.MuiDrawer-paper:focus,.MuiDrawer-paper:focus-visible,.MuiDrawer-root:focus,.MuiDrawer-root:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}:focus,:focus-visible{box-shadow:none!important;outline:none!important}.GettingFox{background-color:#000}.group-cointainer{list-style-type:none}.App-logo{height:40vmin;pointer-events:none}.DonateLink{cursor:pointer}.Actions{text-align:center;text-align-last:center;width:100px}.Actions option{text-align:left}.ActionsContainer{align-items:center;display:flex;justify-content:center;margin:0 auto}.LoaderHeight{height:50px;margin-top:30px}.TaggedInfo{flex-direction:column}.TaggedInfo,.TaggedPlayers{align-items:center;display:flex;justify-content:center}.TaggedPlayers{flex-direction:row}.FaucetLoader{height:50px;margin:50px}#ShowMore5,#ShowMore6,#ShowMore7{display:none}.ResetLoader{margin-left:15px}.ResetLoader,.ResetLoaderCenter{margin-top:10px}.HoverButton:hover{background-color:#000!important;border:3px solid #9ccff7!important;color:#9ccff7!important}.HoverButton:focus,.HoverButton:focus-visible{box-shadow:none!important;outline:none!important}.HoverButton::-moz-focus-inner{border:0}.HoverButtonGroups:hover{background-color:#9ccff7!important;border:3px solid #9ccff7!important;color:#000!important}.HoverActivityButton{margin-left:40px;margin-top:15px}.HoverActivityButton:hover{border:3px solid #000!important}.HoverActivityButton:hover,.HoverButtonExit:hover{background-color:#9ccff7!important;color:#000!important}.HoverButtonExit:hover{border:3px solid #9ccff7!important}.DemoButtonHover:hover{background-color:#000!important;border:3px solid #000!important;color:#fff!important}.YoursButtonHover:hover{border:3px solid #fff!important}.FaucetButtonHover:hover{border:2px solid #9ccff7!important}.PP{color:#fff}.Blue,.PP a{color:#9ccff7}.Blue{margin-bottom:0;text-align:center}.BlueTraits{color:#8b8b8b;font-size:calc(2px + 1vmin);margin:5px;text-align:center;white-space:nowrap}.Wrapper{padding:25px}.App-header,.Wrapper{background-color:#000}.App-header{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:center;min-height:100vh;padding:20px}@media screen and (max-width:480px){.App-header{padding:10px}.LoaderHeight{margin:10px 0}}.Topbar{align-items:center;background-color:#9ccff7;box-sizing:border-box;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);height:60px;justify-content:center;position:relative;width:100%}.Topbar .App-logo,.Topbar img{height:auto;max-height:60px;max-width:200px;object-fit:contain;width:auto}.Topbar .App-logo{height:auto;max-height:60px}.Topbar a{position:absolute;right:20px;top:10px;z-index:1001}.Heading{background-color:#000;color:#fff;font-size:calc(15px + 1vmin);text-align:center}.Emojis{background-color:#ffffff0d;border-radius:10px;height:30px;padding:10px}.React{background-color:#000;color:#fff;font-size:calc(15px + 1vmin);text-align:center}.OrdForm{width:"400px"}.Viewers{align-items:center;display:flex;flex-direction:row;justify-content:center}.ViewersContainer{color:#9ccff7;font-size:calc(20px + 1vmin)}.Players{align-items:center;display:flex;flex-direction:row;justify-content:center}.PlayersContainer{color:#9ccff7;font-size:calc(20px + 1vmin)}.TagPlayers{align-items:right;display:flex;flex-direction:column;justify-content:center}.TagPlayersContainer{color:#9ccff7;font-size:calc(20px + 1vmin)}.App-link{color:#61dafb}.White,.White a{color:#fff}.WhiteHow{color:#fff}.BlueHow,.WhiteHow{margin-left:15px;margin-right:15px}.BlueHow{color:#9ccff7}pre{border:1px solid #000;box-sizing:border-box;float:left;font-size:.8em;justify-content:center;overflow:auto}code{display:inline-block}.WhiteGroupLinks{margin-left:15px}.WhiteGroupLinks a{color:#8b8b8b}.GrayGroupLinks{color:#8b8b8b;font-size:calc(10px + .9vmin);margin-left:15px;margin-right:15px;text-align:center;width:100%}.WhiteResults{color:#fff;font-size:calc(10px + .8vmin);z-index:"100"}.WhiteGetFox{color:#fff;margin-left:15px}.Hamburger{left:10px;position:absolute;top:10px;z-index:1001}.svg_icons{color:#000;transform:scale(2)}#error-container p{color:#fff}.RaiseLinks{margin-top:-20px}.Black{color:#000}.MenuLinks:hover{color:#9ccff7!important}.MenuLinks,.MenuLinks:hover{font-size:1.5rem;text-decoration:none!important}.MenuLinks{color:#fff}.MenuHover a:hover{color:#9ccff7;font-size:calc(10px + 1.5vmin);text-decoration:none}.Demo{color:#9ccff7}.Foxplorer,.TwinFinder{display:flex;flex-direction:column;font-size:calc(10px + 1vmin)}.Footer,.Foxplorer,.TwinFinder{background-color:#000;color:#9ccff7;text-align:center}.Clear{cursor:pointer;margin-left:15px}.WhiteClear{color:#fff;cursor:pointer}.GroupText{background-color:#fff;color:#000}.Back{color:#fff;cursor:pointer;font-size:calc(8px + .8vmin);margin-left:15px;padding:10px;position:absolute}.Countdown{padding-top:15px}.Countdown,.DonateFoxes{cursor:pointer;position:absolute;right:15px;text-align:right}.Countdown,.DonateFoxes,.Required{color:#fff;font-size:calc(12px + .9vmin)}.Required{left:15px;position:relative;text-align:left}.Status{width:100%}.StatusLeft{color:#fff;float:left;font-size:calc(12px + .9vmin);left:15px;position:relative;text-align:left}.YourFox{border:4px solid #000;width:100px}.YourFox:hover{border:4px solid #9ccff7}.StatusRight{float:right;position:relative;right:15px;text-align:right}.StatusRight,.Yours{color:#fff;font-size:calc(12px + .9vmin)}.Yours{text-align:left}.DateRange,.Yours{margin-left:15px}.SmallerFont{color:#fff;font-size:calc(12px + .9vmin)}#TV{height:500px}.Connect{color:#fff;cursor:pointer;position:absolute;right:15px;text-align:right}.FooterLink{color:#9ccff7;cursor:pointer;text-decoration:none}select{-webkit-appearance:menulist;-moz-appearance:none;border:3px solid #9ccff7;border-radius:4px;box-sizing:border-box;display:block;font:10px;line-height:1.5em;margin:5px;padding:.5em;width:115px}#Filters,select{background-color:#000;color:#fff}#Filters{font-size:calc(10px + 1vmin);margin:0;padding:0}#Filters h3,#Live #Filters h3{background-color:#000;color:#9ccff7;margin:0;padding:15px}#Filters h4 a,.RichList{color:#fff}.RichList{background-color:#000;font-size:calc(10px + 1vmin)}.RichList h3{color:#9ccff7;margin-left:15px}#Faucet{background-color:#000;color:#fff;font-size:calc(10px + 1vmin)}#Faucet h3{color:#9ccff7;margin-left:15px}#Faucet h4 a,#Live{color:#fff}#Live{background-color:#000;font-size:calc(10px + 1vmin)}#Live h3{color:#9ccff7;margin-left:15px}#Live h4 a{color:#fff}#clearloader{align-items:center;display:flex;flex-direction:column}.Right{float:right}.ZIndex{z-index:"10"}.NotIt{border:4px solid #000;width:100px}.NotIt:hover{border:4px solid #9ccff7}.It,.ItX{border:4px solid #ffea00;width:100px}.NotItX{border:4px solid #000;width:100px}#Charts{align-items:center;background-color:#000;display:flex;flex-direction:column;height:auto;width:100%}.H3Wrapper{width:100%}.ClearWrapper,.H3Wrapper{align-items:left;background-color:#000;display:flex;flex-direction:column;font-size:calc(10px + 1vmin)}.CenterCanvas,.CenterLoader{align-items:center;background-color:#000;display:flex;flex-direction:column;width:100%}.CenterCanvas{overflow-x:hidden}.H3Wrapper h3{color:#9ccff7;font-size:1.4rem;font-weight:600;margin-left:15px}@media screen and (max-width:768px){.H3Wrapper h3{font-size:1.2rem;font-weight:600}}.H3WrapperNoMargin h3{color:#9ccff7}#chart1{display:block}#chart2,#chart3,#chart4,#chart5,#chart6,#chart7{display:none}#TopTaggers{margin:0;min-height:40px}#top-taggers-by-owner{font-size:calc(8px + 1vmin);margin:0}#top-taggers-by-owner li{margin-left:40px}#top-taggers-by-owner a{color:#fff}#top-taggers-by-owner a:hover{color:#9ccff7}#TaggedFoxes,#TopByFox{margin:0;min-height:40px}#top-taggers-by-fox{color:#434343;font-size:calc(8px + 1vmin);margin:0;min-height:50px}.GrayscaleImage,.NormalImage{margin:0;width:100%}.GrayscaleImage{filter:grayscale(1)}.TaggedGray{color:#434343!important}.TaggedBlue{color:#9ccff7!important}#top-taggers-by-fox li{align-items:left;border:4px solid #000;color:#9ccff7;display:inline-block;list-style-type:none;padding:3px;width:150px}#top-taggers-by-fox a,#top-taggers-by-fox a:hover{color:#9ccff7}#top-taggers-by-fox li:hover{border:4px solid #9ccff7}.TopTaggersTagged li:hover{border:4px solid #434343!important}.TopTaggersTagged a{color:#fff!important}.TopTaggersTagged a:hover{color:#434343!important}#tagged-fox-container{color:#434343;font-size:calc(8px + 1vmin);margin:0}#tagged-fox-container img{filter:grayscale(1);margin:0;width:100%}#tagged-fox-container li{align-items:left;border:4px solid #000;color:#434343;display:inline-block;list-style-type:none;padding:3px;width:150px}.TaggedFoxHover:hover{border:4px solid #434343!important}#tagged-fox-container a{color:#fff}#tagged-fox-container a:hover{color:#434343}#tagged-fox-container li:hover{border:4px solid #434343}#image-container{font-size:calc(8px + 1vmin);margin-left:-40px}#image-container p{color:#fff}#image-container img{margin:0;width:100%}#image-container li{align-items:left;border:4px solid #000;display:inline-block;list-style-type:none;padding:3px;width:140px}#image-container a,#image-container a:hover{color:#9ccff7}#image-container li:hover{border:4px solid #9ccff7;a{color:#9ccff7}}#image-container-groups{overflow-x:hidden;padding:0}#image-container-groups img{margin:0;width:100%}#image-container-groups li{align-items:left;border:4px solid #0000;display:inline-block;list-style-type:none;padding:3px;width:150px}#image-container-groups a,#image-container-groups a:hover{color:#9ccff7}#image-container-groups li:hover{border:4px solid #9ccff7;a{color:#9ccff7}}.foxgroup-page #image-container{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.foxgroup-page #image-container img{height:144px;object-fit:cover}.foxgroup-page #image-container li{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px;width:100%}#image-container-groupcreator{overflow-x:hidden;padding:0}#image-container-groupcreator img{margin:0;width:100%}#image-container-groupcreator li{align-items:left;border:4px solid #0000;display:inline-block;list-style-type:none;padding:3px;width:150px}#image-container-groupcreator a,#image-container-groupcreator a:hover{color:#9ccff7}#image-container-groupcreator li:hover{border:4px solid;a{color:#9ccff7}}.Edit{background-color:#000}.selected{border:4px solid green!important}.preselected,.selected{cursor:pointer}.SelectLinkRight{cursor:pointer;margin-left:15px}.SelectLinkLeft{cursor:pointer;margin-right:15px}.GroupInputs{background-color:#ffffff1a;border-radius:6px;color:#9ccff7;margin-left:15px;margin-right:15px;padding:15px}.GroupName,.black{background-color:#000}.GroupName{color:#bbb;margin:100px;width:50%}.InscLinks,.InscLinksDesc{color:#bbb!important}.InscLinksDesc{word-break:break-all!important}#players-container{font-size:calc(8px + 1vmin)}.FoxTitle a{text-wrap:wrap!important}#players-container p{color:#fff}#players-container img{margin:0;width:144px}#players-container li{align-items:left;border:4px solid #000;display:inline-block;list-style-type:none;padding:3px;width:150px}#players-container a{color:#9ccff7}.Reverse{transform:scaleX(-1)}#players-container a:hover{color:#9ccff7}#players-container li:hover{border:4px solid #9ccff7;a{color:#9ccff7}}#Activity{margin:0;min-height:40px}.activity-left{margin-left:15px}.activity-left a:hover{color:#9ccff7}.Tagger,.Tagger a{color:#ff6}.Tagger:hover{color:#fff!important}.Taggee,.Taggee a{color:#9ccff7}.Taggee:hover{color:#fff!important}.ActivityLink,.ActivityLink a{color:#fff}.ActivityLink:hover{color:#9ccff7!important}.ActivityIt{border:4px solid #ffea00;width:100px}.ActivityNotIt{border:4px solid #9ccff7;margin-left:5px;width:100px}.activity-ol{margin:0}.activity-ol img{width:110px}.activity-ol img:hover{border:4px solid #fff}.ActivityIndex{left:-10px;position:relative;top:0}.activity-ol li{align-items:left;border:4px solid #000;display:inline-block;margin:20px;padding:5px}.activity-ol li:hover{border:4px solid #fff}.activity-container{background-color:#000;font-size:calc(8px + 1vmin);margin:0;padding:20px}.activity-container h3{color:#9ccff7}.activity-container img{margin:0;width:143px}.activity-container li{align-items:left;border:4px solid #000;display:inline-block;list-style-type:none;padding:3px;width:150px}.activity-container a,.activity-container a:hover,.activity-container a:visited{color:#9ccff7}.activity-container li:hover{border:4px solid #9ccff7;a{color:#9ccff7}}#PlayerInfo{min-height:40px}#get-fox-image-container{font-size:calc(8px + 1vmin);margin-left:-40px}#get-fox-image-container p{color:#fff}#get-fox-image-container img{margin:0;width:100%}#get-fox-image-container li{align-items:left;border:4px solid #9ccff7;cursor:pointer;display:inline-block;list-style-type:none;padding:10px;width:250px}#get-fox-image-container a,#get-fox-image-container a:hover{color:#9ccff7}#get-fox-image-container li:hover{border:4px solid #fefefe;a{color:#9ccff7}}.TwinWrapper{border:2px solid #2b2b2b;margin:10px}.TwinWrapper:hover{border:2px solid #fefefe}.TitleDiv{flex-direction:column}.TitleDiv,.TwinDiv{align-items:center;display:flex;justify-content:center;margin:10px}.TwinDiv{flex-direction:row}.TwinDiv li{display:inline-block;margin:5px}.TwinDiv img{cursor:pointer;margin:10px;width:155px}.TwinDiv a,.TwinDiv a:hover{color:#9ccff7}.twintraits{color:#f7f7f7;margin-left:10px}.twintraits,.twintraitslabels{display:inline-block;font-size:calc(5px + .7vmin);text-align:left}.twintraitslabels{color:#9ccff7;min-width:50px}.TwinName{color:#9ccff7;display:block;font-size:calc(10px + .8vmin);margin-left:20px;margin-right:20px;text-align:center}.TwinName a,.TwinNameDate{font-size:calc(8px + .8vmin)}.ResultsName{color:#f7f7f7;display:block;margin:10px;text-align:center}.ResultsName a{font-size:calc(10px + .8vmin)}.ResultsTraits{color:#8b8b8b;font-size:calc(5px + .6vmin)}.ResultsTraits,.ResultsTraits a{margin:5px;text-align:center;white-space:nowrap}.ResultsTraits a{color:#8b8b8b!important;font-size:calc(5px + .8vmin)}.TwinNameOwner{color:#f7f7f7!important;cursor:pointer;font-size:calc(5px + .8vmin)}.FaucetName{color:#8b8b8b;display:block;margin:10px;text-align:center}.FaucetName a{font-size:calc(10px + .8vmin)}.FaucetNameOwner{color:#f7f7f7!important;cursor:pointer;font-size:calc(5px + .8vmin)}.TwinTitle{color:#9ccff7;display:block}.ButtonDisabled{background-color:#2b2b2b;color:red;cursor:pointer}.FoxTitle{color:#8b8b8b;display:block;margin:10px;text-align:center}.FoxTitle,.FoxTitle a{font-size:calc(8px + .8vmin)}.FoxTitle a{white-space:nowrap}.Label{color:#9ccff7;font-size:calc(10px + 1vmin);margin:10px 10px 10px 5px}.FilterList{background-color:#000;clear:both;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;list-style-type:none;margin:0;padding:10px}.FilterList li{background-color:#000;flex-basis:calc(3.33% - 5px);flex-grow:0;flex-shrink:0;margin:5px;max-width:150px;min-width:115px}#loader{visibility:hidden}.HideHome{display:none}#GameCanvas{border:2px solid #000;display:block}.HideCanvas{display:none}#circles{margin:0}#circles li{animation:animate 10s linear forwards;bottom:0;color:#9ccff7;display:block;font-size:calc(8px + .9vmin);left:80%;list-style:none;position:absolute;text-align:center}@keyframes animate{0%{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.5;transform:translateY(-60vh) rotate(0deg)}to{opacity:0;transform:translateY(-120vh) rotate(0deg)}}.TwinFinderSection{background-color:#000;margin-top:0;padding:15px}.TwinFinderLoading{align-items:center;background-color:#0003;border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:10px 0;padding:10px}.TwinFinderLoading p{color:#fff;font-size:14px;margin-bottom:10px}.image-container{font-size:calc(8px + 1vmin);margin-left:-40px}.image-container p{color:#fff}.image-container img{margin:0;width:100%}.image-container li{align-items:left;border:4px solid #000;display:inline-block;list-style-type:none;padding:3px;width:110px}.image-container a,.image-container a:hover{color:#9ccff7}.image-container li:hover{border:4px solid #9ccff7}.image-container li:hover a{color:#9ccff7}.history-tab,[class*=History],[class*=history]{-webkit-font-smoothing:antialiased;word-wrap:break-word;background-color:#000;color:#fff;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:calc(10px + 1vmin);padding:20px;text-align:left;width:100%;word-break:break-word}.history-tab,[class*=History],[class*=history],body,html{box-sizing:border-box;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.hivewriter-game{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#e0e0e0;font-family:PublicPixel,monospace;margin:0 auto;max-width:800px;padding:20px}.hivewriter-game.no-story{padding:60px 20px;text-align:center}.welcome-message h2{color:#4fc3f7;font-size:2.5rem;margin-bottom:16px;text-shadow:0 0 10px #4fc3f74d}.welcome-message p{font-size:1.2rem;line-height:1.6;margin-bottom:32px;opacity:.9}.story-actions{flex-wrap:wrap;gap:16px}.btn-primary,.btn-secondary,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#4fc3f7,#29b6f6);box-shadow:0 4px 15px #4fc3f74d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.btn-submit{background:linear-gradient(45deg,#66bb6a,#4caf50);box-shadow:0 4px 15px #4caf504d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:0 4px 15px #4caf5033;cursor:not-allowed;opacity:.5;transform:none}.story-title-section{align-items:center;display:flex;gap:12px;margin-bottom:8px}.story-header h2{flex:1 1;margin:0}.btn-refresh-story{align-items:center;background:linear-gradient(45deg,#66bb6a,#4caf50);border:none;border-radius:6px;box-shadow:0 2px 8px #66bb6a4d;color:#fff;cursor:pointer;display:flex;font-family:PublicPixel,monospace;font-size:.9rem;gap:6px;height:40px;justify-content:center;letter-spacing:1px;min-width:100px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.btn-refresh-story:hover{box-shadow:0 4px 12px #66bb6a66;transform:translateY(-1px)}.btn-refresh-story:active{transform:translateY(0)}.cursor{animation:blink 1s infinite;color:#4fc3f7;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.game-controls{margin-bottom:24px}.turn-input{background:#0003;border:1px solid #333;border-radius:8px;padding:20px}.input-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.word-input{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;flex:1 1;font-family:PublicPixel,monospace;font-size:1rem;min-width:200px;padding:12px 16px;transition:border-color .3s ease}.word-input:focus{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733;outline:none}.punctuation-select{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.punctuation-select:focus{border-color:#4fc3f7;outline:none}.punctuation-help{color:#888;font-size:.9rem;font-style:italic}.word-input-help{align-items:center;color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px}.character-count{color:#4fc3f7;font-weight:700}.character-count.warning{color:#ffc107}.character-count.danger{color:#f44336}.word-rules{color:#888;font-style:italic}.waiting-message{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;padding:20px;text-align:center}.waiting-message p{color:#ffc107;font-size:1.1rem;margin:0 0 12px}.queue-info{color:#888;font-size:.9rem}@media (max-width:768px){.hivewriter-game{margin:0 8px;padding:16px}.story-title-section{align-items:flex-start;flex-direction:column;gap:8px}.story-header h2{font-size:1.5rem}.btn-refresh-story{align-self:flex-end;font-size:.8rem;height:36px;min-width:90px;padding:8px 12px}.input-group{flex-direction:column;gap:8px}.word-input{min-width:auto}.punctuation-select,.word-input{box-sizing:border-box;width:100%}.story-actions{align-items:center;flex-direction:column}.story-meta{flex-direction:column;gap:8px}.turn-input{padding:16px}.word-input-help{align-items:flex-start;flex-direction:column;gap:4px}}.hivewriter-game{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e)}.turn-input{background:#0000004d;border:1px solid #4fc3f71a}.turn-status{margin-bottom:12px;text-align:center}.status-text{color:#66bb6a;font-size:1.1rem;font-weight:700}.turn-info{background:#0003;border:1px solid #4fc3f71a;border-radius:6px;margin-top:12px;padding:12px}.turn-info p{color:#888;font-size:.9rem;line-height:1.4;margin:0}.multi-word-input{background:#0003;border:1px solid #4fc3f733;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:20px}.words-container{display:flex;flex-direction:column;gap:12px}.word-input-group{background:#0000001a;border:2px solid #0000;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.word-input-group.active{background:#4fc3f70d;border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733}.word-input-wrapper{align-items:center;display:flex;gap:8px}.word-input-group .word-input{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;flex:1 1;font-family:PublicPixel,monospace;font-size:1rem;padding:10px 12px;transition:border-color .3s ease}.word-input-group .word-input:focus{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733;outline:none}.word-input-group .punctuation-select{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;font-family:PublicPixel,monospace;font-size:.9rem;min-width:120px;padding:10px 12px;transition:border-color .3s ease}.word-input-group .punctuation-select:focus{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733;outline:none}.word-preview{align-items:center;background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:4px;display:flex;min-height:24px;padding:4px 8px}.preview-text{color:#4fc3f7;font-family:PublicPixel,monospace;font-size:.9rem;font-weight:700}.input-controls{align-items:center;background:#0000001a;border:1px solid #4fc3f71a;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:12px}.word-count-display{display:flex;flex:1 1;flex-direction:column;gap:8px}.word-count{color:#4fc3f7;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #4fc3f74d}.turn-progress{width:100%}.progress-bar{background:#0000004d;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-radius:3px;box-shadow:0 0 10px #4fc3f766;height:100%;transition:width .3s ease}.input-help{background:#0000001a;border:1px solid #4fc3f71a;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.help-text{color:#4fc3f7;font-size:.9rem;line-height:1.4}.input-rules{color:#888;font-size:.8rem;line-height:1.4}.input-rules kbd{background:#4fc3f733;border:1px solid #4fc3f74d;border-radius:3px;color:#4fc3f7;font-family:PublicPixel,monospace;font-size:.8rem;padding:2px 6px}@media (max-width:768px){.participants-section{flex-direction:column;gap:16px}.participants-grid{grid-template-columns:1fr}.view-controls{min-width:auto}.multi-word-input{padding:16px}.word-input-wrapper{flex-direction:column;gap:8px}.word-input-group .punctuation-select{min-width:auto;width:100%}.input-controls{flex-direction:column;gap:12px}.word-count-display{width:100%}}.story-viewer{color:#e0e0e0;font-family:PublicPixel,monospace;padding:20px}.story-header{border-bottom:2px solid #333;margin-bottom:24px;padding-bottom:16px}.story-header h2{color:#4fc3f7;font-size:2rem;margin:0 0 8px;text-shadow:0 0 10px #4fc3f74d}.story-meta{font-size:.9rem;gap:16px;opacity:.8}.story-meta span{background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:4px;padding:4px 8px}.story-content{margin-bottom:32px}.story-text{background:#0000004d;border:1px solid #333;border-radius:8px;min-height:120px;padding:24px;position:relative}.story-placeholder{color:#666;font-style:italic;padding:40px;text-align:center}.story-word{border-radius:3px;margin:0 1px;padding:1px 2px;transition:all .3s ease}.story-turn{border-radius:4px;display:inline;margin:0 2px;padding:2px 4px;position:relative;transition:all .3s ease}.story-turn.highlighted{animation:highlightPulse 2s ease-in-out infinite;background:#66bb6a33;border:1px solid #66bb6a66;box-shadow:0 0 8px #66bb6a4d}.story-turn.current-user{background:#4fc3f726;border:1px solid #4fc3f74d}.story-turn.current-user.highlighted{background:#4fc3f74d;border:1px solid #4fc3f780;box-shadow:0 0 8px #4fc3f766}.turn-separator{margin-right:6px}.story-word.highlighted{animation:highlightPulse 2s ease-in-out infinite;background:#66bb6a4d;border:1px solid #66bb6a80;box-shadow:0 0 8px #66bb6a4d}@keyframes highlightPulse{0%,to{box-shadow:0 0 8px #66bb6a4d}50%{box-shadow:0 0 12px #66bb6a80}}.story-word.current-user{background:#4fc3f733;border:1px solid #4fc3f766}.story-word.current-user.highlighted{background:#4fc3f766;border:1px solid #4fc3f799;box-shadow:0 0 8px #4fc3f766}.story-word.highlighted .word-text{color:#a5d6a7;font-weight:700}.story-word.current-user .word-text{color:#81d4fa}.participants-section{background:#0003;border:1px solid #4fc3f71a;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:20px}.participants-list{flex:1 1}.participants-list h3{color:#4fc3f7;font-size:1.2rem;margin:0 0 16px;text-shadow:0 0 8px #4fc3f74d}.participants-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.participant-card{background:#0000004d;border:2px solid #333;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease}.participant-card:hover{border-color:#4fc3f7;transform:translateY(-2px)}.participant-card.current-user{background:#4fc3f71a;border-color:#4fc3f7}.participant-card.selected{background:#66bb6a1a;border-color:#66bb6a}.participant-identity{color:#e0e0e0;font-weight:700;margin-bottom:4px}.participant-stats{color:#888;font-size:.9rem}.view-controls{min-width:200px}.view-controls h3{color:#4fc3f7;font-size:1.2rem;margin:0 0 16px;text-shadow:0 0 8px #4fc3f74d}.identity-filter{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:PublicPixel,monospace;font-size:.9rem;padding:8px 12px;width:100%}.identity-filter:focus{border-color:#4fc3f7;outline:none}.story-info{margin-bottom:24px}.story-details{background:#0003;border-radius:8px;padding:20px}.story-details h3{color:#4fc3f7;font-size:1.2rem;margin:0 0 16px;text-shadow:0 0 8px #4fc3f74d}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#0000004d;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.detail-label{color:#4fc3f7;font-size:.9rem;font-weight:700}.detail-value{color:#e0e0e0;font-size:.9rem}.btn-secondary{background:#0000;border:2px solid #4fc3f7;border-radius:8px;color:#4fc3f7;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-secondary:hover{background:#4fc3f7;color:#fff}.story-actions{justify-content:center;margin-top:24px}@media (max-width:768px){.story-viewer{margin:0 8px;padding:16px}.story-header h2{font-size:1.5rem}.participants-section{flex-direction:column;gap:16px}.participants-grid{grid-template-columns:1fr}.view-controls{min-width:auto}.details-grid{grid-template-columns:1fr}.story-meta{flex-direction:column;gap:8px}}.story-viewer{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e)}.story-text{background:#0006;border:1px solid #4fc3f71a}.story-details{background:#0000004d;border:1px solid #4fc3f71a}.story-word{animation:fadeInWord .5s ease-in}@keyframes fadeInWord{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4fc3f733;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-header h2{color:#4fc3f7;font-size:1.8rem;margin:0;text-shadow:0 0 10px #4fc3f74d}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-button:hover:not(:disabled){background:#ffffff1a;color:#e0e0e0}.close-button:disabled{cursor:not-allowed;opacity:.5}.create-story-form{padding:0 24px 24px}.form-group{margin-bottom:24px}.form-group label{color:#4fc3f7;display:block;font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group textarea{background:#0000004d;border:2px solid #333;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-family:PublicPixel,monospace;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733;outline:none}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group textarea{min-height:80px;resize:vertical}.limit-type-selector{display:flex;gap:8px;margin-bottom:16px}.limit-type-btn{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;flex:1 1;font-family:PublicPixel,monospace;font-size:.9rem;padding:12px 16px;text-align:center;transition:all .3s ease}.limit-type-btn:hover:not(:disabled){background:#4fc3f71a;border-color:#4fc3f7}.limit-type-btn.active{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-color:#4fc3f7;box-shadow:0 4px 15px #4fc3f74d;color:#fff}.limit-type-btn:disabled{cursor:not-allowed;opacity:.5}.limit-input-container{align-items:center;display:flex;gap:8px}.limit-input-container input{flex:1 1;max-width:120px}.limit-unit{color:#888;font-size:.9rem;white-space:nowrap}.limit-suggestions{margin-top:12px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chips button{background:#4fc3f71a;border:1px solid #4fc3f74d;border-radius:16px;color:#4fc3f7;cursor:pointer;font-family:PublicPixel,monospace;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.suggestion-chips button:hover:not(:disabled){background:#4fc3f733;border-color:#4fc3f7}.suggestion-chips button:disabled{cursor:not-allowed;opacity:.5}.form-actions{border-top:1px solid #4fc3f71a;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-cancel,.btn-create{border:none;border-radius:8px;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-cancel{background:#0000;border:2px solid #333;color:#888}.btn-cancel:hover:not(:disabled){border-color:#666;color:#e0e0e0}.btn-create{background:linear-gradient(45deg,#4fc3f7,#29b6f6);box-shadow:0 4px 15px #4fc3f74d;color:#fff}.btn-create:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px 16px 0}.create-story-form{padding:0 16px 16px}.limit-type-selector{flex-direction:column}.suggestion-chips{justify-content:center}.form-actions{flex-direction:column}.limit-input-container{align-items:flex-start;flex-direction:column}.limit-input-container input{max-width:none;width:100%}}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.words-per-turn-container{display:flex;flex-direction:column;gap:12px}.words-per-turn-slider{-webkit-appearance:none;appearance:none;background:#0000004d;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.words-per-turn-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-radius:50%;box-shadow:0 2px 8px #4fc3f766;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.words-per-turn-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #4fc3f799;transform:scale(1.1)}.words-per-turn-slider::-moz-range-thumb{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border:none;border-radius:50%;box-shadow:0 2px 8px #4fc3f766;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.words-per-turn-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #4fc3f799;transform:scale(1.1)}.words-per-turn-display{align-items:center;background:#4fc3f71a;border:1px solid #4fc3f74d;border-radius:6px;display:flex;gap:8px;justify-content:center;padding:8px 16px}.words-per-turn-value{color:#4fc3f7;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #4fc3f74d}.words-per-turn-label{color:#e0e0e0;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.words-per-turn-description{background:#0003;border-left:3px solid #4fc3f7;border-radius:4px;color:#888;font-size:.8rem;font-style:italic;margin-top:8px;padding:8px;text-align:center}.story-browser{font-family:PublicPixel,monospace;margin:0 auto;max-width:1200px;padding:20px}.browser-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.header-actions{align-items:center;display:flex;gap:12px}.browser-header h2{color:#4fc3f7;font-size:2.5rem;margin:0;text-shadow:0 0 10px #4fc3f74d}.btn-refresh{background:linear-gradient(45deg,#66bb6a,#4caf50);border:none;border-radius:8px;box-shadow:0 4px 15px #66bb6a4d;color:#fff;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 6px 20px #66bb6a66;transform:translateY(-2px)}.btn-create-story{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border:none;border-radius:8px;box-shadow:0 4px 15px #4fc3f74d;color:#fff;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-create-story:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.btn-create-story:disabled{box-shadow:0 4px 15px #4fc3f733;cursor:not-allowed;opacity:.5;transform:none}.browser-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.search-container{max-width:400px;width:100%}.search-input{background:#0000004d;border:2px solid #333;border-radius:8px;color:#e0e0e0;font-family:PublicPixel,monospace;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f733;outline:none}.search-input::placeholder{color:#888}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#0000004d;border:2px solid #333;border-radius:20px;color:#e0e0e0;cursor:pointer;font-family:PublicPixel,monospace;font-size:.9rem;padding:8px 16px;text-transform:capitalize;transition:all .3s ease}.filter-btn:hover{background:#4fc3f71a;border-color:#4fc3f7}.filter-btn.active{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-color:#4fc3f7;box-shadow:0 4px 15px #4fc3f74d;color:#fff}.sort-select{background:#0000004d;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:PublicPixel,monospace;font-size:.9rem;min-width:180px;padding:8px 16px;width:auto}.sort-select:focus{border-color:#4fc3f7;outline:none}.stories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.story-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4fc3f71a;border-radius:12px;box-shadow:0 4px 20px #0003;padding:24px;transition:all .3s ease}.story-card:hover{border-color:#4fc3f74d;box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.story-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.story-title{color:#4fc3f7;flex:1 1;font-size:1.3rem;font-weight:700;line-height:1.3}.story-status{font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.story-description{color:#b0b0b0;font-size:.9rem;font-style:italic;line-height:1.4;margin-bottom:16px}.story-preview{background:#0003;border:1px solid #4fc3f71a;border-radius:8px;color:#e0e0e0;font-size:.95rem;line-height:1.5;margin-bottom:16px;min-height:60px;overflow:hidden;overflow-wrap:break-word;padding:16px;word-break:break-word}.story-meta{align-items:center;gap:8px;justify-content:space-between;margin-bottom:20px}.story-meta,.story-stats{display:flex;flex-wrap:wrap}.story-stats{gap:16px}.stat{color:#888;font-size:.8rem;white-space:nowrap}.story-time{color:#666;font-size:.8rem}.story-creator{background:#00000026;border:1px solid #4fc3f726;border-radius:6px;margin-top:8px;padding:6px 12px}.creator-info{align-items:center;display:flex;gap:8px}.creator-label{color:#9ccff7;font-size:.8rem;font-weight:500}.creator-identity{background:#0000004d;border-radius:4px;color:#e0e0e0;font-family:Courier New,monospace;font-size:.8rem;padding:2px 6px}.story-transaction{background:#0003;border:1px solid #4fc3f733;border-radius:6px;margin-top:12px;padding:8px 12px}.transaction-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.transaction-label{color:#9ccff7;font-size:.85rem;font-weight:500}.transaction-id{background:#0000004d;border-radius:4px;color:#e0e0e0;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}.transaction-link{border:1px solid #36bffa;border-radius:4px;color:#36bffa;font-size:.8rem;padding:2px 8px;text-decoration:none;transition:all .2s ease}.transaction-link:hover{background:#36bffa1a;border-color:#4fc3f7;color:#4fc3f7}.word-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #333;border-radius:12px;box-shadow:0 4px 15px #0003;margin-bottom:20px;padding:20px;transition:all .3s ease}.word-card:hover{border-color:#4fc3f7;box-shadow:0 6px 20px #4fc3f733;transform:translateY(-2px)}.word-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.word-content{align-items:center;display:flex;gap:8px}.word-text{color:#4fc3f7;font-size:1.4rem;font-weight:700;max-width:200px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;text-shadow:0 0 10px #4fc3f74d;white-space:nowrap;word-break:break-word}.word-punctuation{color:#e0e0e0;font-size:1.2rem}.word-turn{background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:6px;color:#4fc3f7;display:flex;flex-direction:column;font-size:.8rem;font-weight:700;gap:2px;padding:4px 8px}.multi-word-indicator{color:#81d4fa;font-size:.7rem;font-weight:400;opacity:.8}.word-meta{justify-content:space-between;margin-bottom:16px}.word-meta,.word-story{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.story-label{color:#9ccff7;font-size:.85rem;font-weight:500}.story-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.word-time{color:#666;font-size:.8rem}.word-transaction{background:#0003;border:1px solid #4fc3f733;border-radius:6px;margin-top:12px;padding:8px 12px}.word-actions{margin-top:16px}.story-actions,.word-actions{display:flex;gap:12px}.btn-join-story,.btn-view-story{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:PublicPixel,monospace;font-size:.9rem;letter-spacing:1px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.btn-join-story{background:linear-gradient(45deg,#66bb6a,#4caf50);box-shadow:0 4px 15px #4caf504d;color:#fff}.btn-join-story:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-view-story{background:#0000;border:2px solid #4fc3f7;color:#4fc3f7}.btn-view-story:hover{background:#4fc3f7;color:#fff}.no-stories{color:#888;grid-column:1/-1;padding:60px 20px;text-align:center}.no-stories-icon{font-size:4rem;margin-bottom:16px}.no-stories h3{color:#4fc3f7;font-size:1.5rem;margin-bottom:8px}.no-stories p{font-size:1.1rem;line-height:1.5;margin-bottom:24px}@media (max-width:768px){.story-browser{padding:16px}.browser-header{align-items:stretch;flex-direction:column;gap:20px;text-align:center}.browser-header h2{font-size:2rem;margin-bottom:8px}.header-actions{flex-wrap:wrap;gap:12px;justify-content:center}.btn-create-story,.btn-refresh{flex:1 1;font-size:.9rem;max-width:200px;min-width:140px;padding:14px 16px;text-align:center}.btn-refresh{background:linear-gradient(45deg,#66bb6a,#4caf50)}.btn-create-story{background:linear-gradient(45deg,#4fc3f7,#29b6f6)}.filter-controls{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:center}.stories-grid{gap:16px;grid-template-columns:1fr}.story-card{padding:20px}.story-card-header,.story-meta{align-items:flex-start;flex-direction:column}.story-stats{justify-content:flex-start}.story-actions{flex-direction:column}}@media (max-width:480px){.story-browser{padding:12px}.browser-header h2{font-size:1.8rem}.header-actions{flex-direction:column;gap:10px}.btn-create-story,.btn-refresh{font-size:1rem;max-width:none;min-height:48px;padding:16px 20px;width:100%}.story-card{padding:16px}.story-title{font-size:1.1rem}.story-preview{font-size:.9rem;padding:12px}}.loading-stories{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.stories-grid .loading-spinner{display:inline-block;font-size:2rem;margin-bottom:16px}.stories-grid .loading-spinner .spinning-emoji{animation:spin 1s linear infinite;display:inline-block}.stories-grid .loading-spinner-text{animation:none!important;display:block;font-size:1rem;margin-bottom:16px;transform:none!important}.loading-stories p{font-size:1rem;margin:0}.filter-btn:disabled{background:#333;color:#666;cursor:not-allowed;opacity:.5}.filter-btn:disabled:hover{background:#333;color:#666;transform:none}.story-voting{border-top:1px solid #4fc3f71a;margin-bottom:16px;padding:12px 0}.vote-buttons{gap:12px}.vote-button,.vote-buttons{align-items:center;display:flex}.vote-button{background:#0000004d;border:1px solid #4fc3f74d;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s ease}.vote-button:hover:not(:disabled){background:#4fc3f71a;border-color:#4fc3f780;transform:translateY(-1px)}.vote-button:active:not(:disabled){transform:translateY(0)}.vote-button:disabled{background:#0003;border-color:#4fc3f71a;cursor:not-allowed;opacity:.5}.vote-button.upvote.active{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.vote-button.downvote.active{background:#f4433633;border-color:#f4433680;color:#f44336}.vote-button.upvote:hover:not(:disabled):not(.active){background:#4caf501a;border-color:#4caf504d}.vote-button.downvote:hover:not(:disabled):not(.active){background:#f443361a;border-color:#f443364d}.vote-button.loading{background:#0006;border-color:#4fc3f733;cursor:not-allowed;opacity:.7}.vote-button.loading:hover{background:#0006;border-color:#4fc3f733;transform:none}.vote-loader{animation:pulse 1.5s ease-in-out infinite;display:inline-block}.wallet-connection{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4fc3f733;border-radius:12px;box-shadow:0 8px 32px #0000004d;font-family:PublicPixel,monospace;margin-bottom:24px;padding:24px}.wallet-header{align-items:center;border-bottom:1px solid #4fc3f71a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.wallet-header h3{color:#4fc3f7;font-size:1.5rem;margin:0;text-shadow:0 0 10px #4fc3f74d}.connection-status{background:#0000004d;border:1px solid;border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.wallet-content{min-height:120px}.identity-connected{align-items:center;display:flex;justify-content:center}.identity-card-container{background:#0003;border:1px solid #4fc3f71a;border-radius:8px;padding:16px}.connected-simple{padding:20px;text-align:center}.connected-icon{font-size:2.5rem;margin-bottom:12px;opacity:.9}.connected-text{color:#4fc3f7;font-size:1rem;line-height:1.5;margin:0;text-shadow:0 0 8px #4fc3f74d}.identity-disconnected{text-align:center}.connection-prompt{margin:0 auto;max-width:500px}.prompt-icon{font-size:3rem;margin-bottom:16px;opacity:.8}.connection-prompt h4{color:#4fc3f7;font-size:1.3rem;margin:0 0 16px;text-shadow:0 0 10px #4fc3f74d}.connection-prompt p{color:#b0b0b0;font-size:1rem;line-height:1.6;margin:0 0 24px}.connection-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.step{background:#0003;border:1px solid #4fc3f71a;border-radius:8px;gap:12px;padding:12px 16px}.step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-text{color:#e0e0e0;font-size:.9rem}.download-link{border-bottom:1px solid #0000;color:#4fc3f7;font-weight:700;text-decoration:none;transition:all .3s ease}.download-link:hover{border-bottom-color:#4fc3f7;color:#29b6f6;text-shadow:0 0 8px #4fc3f780;transform:translateY(-1px)}.retry-button{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border:none;border-radius:8px;box-shadow:0 4px 15px #4fc3f74d;color:#fff;cursor:pointer;font-family:PublicPixel,monospace;font-size:1rem;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.retry-button:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.retry-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.wallet-footer{border-top:1px solid #4fc3f71a;margin-top:20px;padding-top:16px}.footer-text{color:#666;font-size:.8rem;line-height:1.4;margin:0;text-align:center}@media (max-width:768px){.wallet-connection{padding:20px}.wallet-header{align-items:flex-start;flex-direction:column;gap:12px}.wallet-header h3{font-size:1.3rem}.identity-connected{justify-content:center}.connection-steps{gap:8px}.step{padding:10px 12px}.step-text{font-size:.85rem}}@media (max-width:480px){.wallet-connection{padding:16px}.wallet-header h3{font-size:1.2rem}.connection-prompt h4{font-size:1.1rem}.connection-prompt p{font-size:.9rem}.prompt-icon{font-size:2.5rem}}.connection-status{transition:all .3s ease}.identity-connected,.identity-disconnected{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connection-status:contains("Connecting"){animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hivewriter-app{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#e0e0e0;font-family:PublicPixel,monospace;min-height:100vh}.hivewriter-app.error,.hivewriter-app.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#4fc3f7;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #4fc3f733;border-radius:50%;border-top-color:#4fc3f7;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#f443361a;border:1px solid #f443364d;border-radius:12px;max-width:400px;padding:40px;text-align:center}.error-message h2{color:#f44336;margin-bottom:16px}.error-message button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:PublicPixel,monospace;margin-top:16px;padding:12px 24px}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #4fc3f733;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.app-title,.header-content{align-items:center;display:flex}.app-title{color:#4fc3f7;font-size:2.5rem;gap:12px;margin:0;text-shadow:0 0 15px #4fc3f766}.title-icon{animation:buzz 2s ease-in-out infinite;font-size:2.2rem}@keyframes buzz{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-2deg)}75%{transform:translateY(2px) rotate(2deg)}}.user-info{align-items:flex-end;color:#888;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.username{color:#4fc3f7;font-weight:700}.wallet-status{font-size:.8rem}.status-connected{color:#4caf50;font-weight:700}.status-disconnected{color:#f44336;font-weight:700}.app-main{margin:0 auto;max-width:1200px;padding:20px}.story-viewer{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4fc3f733;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:800px;padding:24px}.story-viewer-header{align-items:center;border-bottom:1px solid #4fc3f71a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.story-viewer-header h2{color:#4fc3f7;font-size:2rem;margin:0;text-shadow:0 0 10px #4fc3f74d}.btn-back{background:#0000;border:2px solid #4fc3f7;border-radius:6px;color:#4fc3f7;cursor:pointer;font-family:PublicPixel,monospace;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-back:hover{background:#4fc3f7;color:#fff}.story-content{background:#0000004d;border:1px solid #4fc3f71a;border-radius:8px;min-height:200px;padding:24px}.no-content{color:#666;font-style:italic;margin:0;padding:40px;text-align:center}.story-text{color:#e0e0e0;font-size:1.2rem;line-height:1.8}.story-word{display:inline}.word-text{color:#e0e0e0}.punctuation{color:#4fc3f7;font-weight:700}.space{margin-right:4px}@media (max-width:768px){.app-title{font-size:2rem}.header-content{flex-direction:column;gap:12px;padding:0 16px;text-align:center}.app-main{padding:16px}.story-viewer{padding:20px}.story-viewer-header{align-items:stretch;flex-direction:column;gap:16px}.story-viewer-header h2{font-size:1.5rem;text-align:center}.story-content{padding:20px}.story-text{font-size:1.1rem}}@media (max-width:480px){.app-title{font-size:1.5rem}.title-icon{font-size:1.3rem}.app-main{padding:12px}.story-content,.story-viewer{padding:16px}.story-text{font-size:1rem}}.hivewriter-app *{box-sizing:border-box}button,input,select,textarea{transition:all .3s ease}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4fc3f7;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4fc3f780}.notification{align-items:center;animation:slideInNotification .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;max-width:400px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideInNotification{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-error{background:#f44336e6;border:1px solid #f44336;color:#fff}.notification-warning{background:#ffc107e6;border:1px solid #ffc107;color:#000}.notification-info{background:#2196f3e6;border:1px solid #2196f3;color:#fff}.notification-message{flex:1 1;font-size:.9rem;font-weight:500}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.notification-close:hover{background:#fff3}.notification-warning .notification-close:hover{background:#0000001a}@media (max-width:768px){.notification{left:10px;max-width:none;right:10px;top:10px}}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.vote-confirmation-modal{background:#1a1a1a;border:1px solid #4fc3f74d;border-radius:12px;box-shadow:0 20px 40px #00000080;max-width:500px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #4fc3f71a;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#e0e0e0;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#b0b0b0;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.modal-close:hover{background:#4fc3f71a;color:#e0e0e0}.modal-body{padding:20px 24px}.modal-body p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin:0}.modal-body strong{color:#4fc3f7}.modal-footer{border-top:1px solid #4fc3f71a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#0000004d;border-color:#4fc3f74d;color:#e0e0e0}.btn-secondary:hover{background:#4fc3f71a;border-color:#4fc3f780}.btn-danger{background:#f4433633;border-color:#f4433680;color:#f44336}.btn-danger:hover{background:#f443364d;border-color:#f44336b3}